

.word-br{width: 100%; height: 0;}

.ind-title .tcn{font-size: .46rem; margin-bottom: .27rem; }

.ind-title .tp{font-size: 16px; line-height: 28px;}



.ind-title-p{font-size: 18px;line-height: 36px;}

.gray888{color: #888888;}

.bggreen{background: #2495B0;}

.bgwhite{background: #ffffff;}

.ml10{margin-left: 10px;}

.more-btn{ height: .61rem; line-height: .61rem;  border-radius: .3rem; padding: 0 .48rem; display: inline-flex;box-shadow: 25px 20px 43px 0px rgba(0,0,0,0.13); transition: all .3s;}

.more-btn .icon-more-plus{ font-size: 22px; font-weight: bold; font-style: normal; display: inline-block; margin-left: .07rem;   position: relative;}

.weui-flex-warp{display: flex;  }



/* 搜索页面 */

.sear-result-search {width: 33.35vw; height: .7rem;  left: 33.32vw; right: 33.32vw; top: 39%;  z-index: 2; }

.sear-result-search .input-box{align-items: center;background: #fff; border-radius: 35px; overflow: hidden;}

.sear-result-search input{width: 100%; flex: 1; height:.7rem; padding-left: .34rem; padding-right: .2rem; line-height: .7rem; }

.mt32{margin-bottom: .32rem;}

.sear-result-content{padding-top: .4rem; padding-bottom: 1rem;}

.res-p1 {line-height: 22px;color: #6F6F74; margin-bottom: .4rem;}

.res-p1 .p1{color: #212121 ;}

.res-p1 .p2{color: #2495B0 ;}

.sear-result-content .result-list .item{font-weight: normal; font-size: 20px;line-height: 27px;color: #212121; border-bottom: 1px solid #979797; padding: .42rem 0;}

.result-list .item-l{width:12.5% ; }

.result-list .item-r{ width: 87.5%; padding-left: 15px;}

.search-r-icon{ margin-right: .36rem; z-index: 2; font-size: 24px !important;}



/* ----------------- */

.row-flex-warp{display: flex; flex-wrap: wrap;}

.row-p9{padding-right: 9px;padding-left: 9px;}

.row-p12{padding-right: 12px;padding-left: 12px;}

.row-p17{padding-right: 17px;padding-left: 17px;}

.mt34{margin-top: .34rem;}

.swiper-button-prev,.swiper-button-next{background-image: none !important;}

.myswiperbtn{  position: relative; width: 36px !important; height: 36px !important; border: 1px solid #DCDCDC; border-radius: 50%;transition: all .36s;}

.myswiperbtn::after{ position: absolute; content: '';  width: 8px; height: 8px; border-top:2px solid #DCDCDC;border-right: 2px solid #DCDCDC;}

.myswiperbtn.swiper-button-prev::after{transform: rotate(-135deg) translate(-50%,-50%);left: 43%; top: 24%;}

.myswiperbtn.swiper-button-next::after{transform: rotate(45deg) translate(-50%,-50%);left: 36%; top: 59%;}

/* .myswiperbtn.swiper-button-prev{left: 0px; }

.myswiperbtn.swiper-button-next{right: 0px;} */

.myswiperbtnshadow{box-shadow: 8px 10px 27px 0px rgba(0,0,0,0.13);}

.myswiperbtn:hover{background:#2495B0 ; border: 1px solid #2495B0 ;}

.myswiperbtn:hover.swiper-button-prev::after{border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;}

.myswiperbtn:hover.swiper-button-next::after{border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;}





#section0 .swiper-slide{background-color: #efefef; overflow: hidden;}

#section0 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}

#section0 .swiper-slide video{object-fit: cover; width: 100%; height: 100%;}

#section0 .swiper-container{height: 100vh;position: relative ;}

#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}



.ind-banner-txt{position: absolute; top: 42%; left: 1.5rem; right: 1.5rem; }

.banner-txt1{color: #FFFFFF; font-size: 0.46rem; line-height: 0.58rem;}

.banner-txt2{color: #FFFFFF;  line-height: 0.4rem; margin-top: .24rem; }



.ind-banner-info {display: flex; position: absolute; color: #ffffff; align-items: center; z-index: 5; left: 0;justify-content: flex-end;right: 0;bottom: 50px !important; flex-wrap: wrap;}

.ind-banner-info .mouse {

  width: 22px;

  height: 32px;

  border: 1px solid #fff;

  border-radius: 40px;

  margin-left: 0.1rem; margin-right: 3.8vw;

  position: relative;

}

.ind-banner-info .mouse:after {

  content: "";

  position: absolute;

  width: 2px;

  height: 8px;

  top: 8px;

  left: 50%;

  margin-left: -1px;

  background: #fff;

  -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;

}

.ind-banner-info p{width: 100%; text-align: center; margin-top: .12rem;font-size: 14px;color: #FFFFFF;line-height: 20px;}



.my-pagination{ padding-left: 3.9vw; padding-top: .15rem; padding-bottom: .15rem;}

.my-pagination .swiper-pagination-bullet{ position: relative; opacity: 1; width: 11px !important; height: 11px;}

.my-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ position: absolute; content: ''; width: 37px; height: 37px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}



.my-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:  0 20px !important;}

.my-pagination.swiper-pagination-bullets{bottom: 45px !important;}



.my-pagination.cir-white .swiper-pagination-bullet{  background: rgba(255,255,255,1) !important;}

.my-pagination.cir-green .swiper-pagination-bullet{ background: rgba(36,149,176,1) !important;}

.my-pagination.cir-white  .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ border: 2px solid rgba(255,255,255,1);}

.my-pagination.cir-green .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ border: 2px solid rgba(36,149,176,1);}

#section0 .swiper-slide .ind-banner-txt{transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}

#section0 .swiper-slide.active .ind-banner-txt{transform: translateY(0); opacity: 1;}

@keyframes updown {

  0% {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

  }

  100% {

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -ms-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

  }

}

@keyframes myrotecircle{

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  25% {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  50% {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  75% {

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



.mt74{margin-top: .74rem;}

.mt60{margin-top: .6rem;}

.ind2{ position: relative; padding: 0.8rem 16vw 1.79rem; z-index: 2; background: url(../images/ind1-bg1-.png) no-repeat; background-size: auto ; background-position: left bottom; margin-top: 0.47rem;  }



.ind2-top{width: 6.72rem; height: 6.72rem;  position: relative; background: url(../images/ind1-img.jpg) no-repeat; }

.ind2-l{padding: .75rem .85rem; text-align: center; position: relative; z-index: 5; background: #2495B0;box-shadow: 39px 10px 43px 0px rgba(149,149,149,0.29); overflow: hidden; width: 6rem; height: 6rem; border-radius: 50%; }

.ind2-r{ position: absolute;top: -1rem; left: 82%; /*right: 16vw;*/ z-index: 2;  width: 7.5rem; height:7.5rem; overflow: hidden; border-radius: 50%;}

.ind2-r img{object-fit: cover; width: 100%; height: 100%;}



.ind2-txt .ind2-p1{ background: url(../images/alogo.png) no-repeat; background-size: 80% auto; background-position: center 8px; font-size: 24px;padding-top: .8rem;line-height: 42px; margin-bottom: .2rem;  color: #FFFFFF;}

.ind2-txt .ind2-p2{font-size: 14px;line-height: 28px; text-align: justify;  color: #FFFFFF; }

.ind2-num{margin-top:1rem;}

.ind2-num .item >div span{ font-size: .68rem;color: #2495B0;font-weight: 600; line-height: 28px;}

.ind2-num-item-r .ind2-icon{width: 30px; height: 30px; border-radius: 50%;border: 1px solid #2495B0;

  box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.27);background: #FFFFFF;}

.ind2-num-item-r >p{ padding-left: 5px; font-weight: 600; font-size: 30px;color: #2495B0;line-height: 28px;}

.ind2-num-item-r .ind2-icon img{margin-top: 4px; width: 20px; height: 20px; margin: 5px 5px;}





.ind3{ position: relative ; z-index:5; margin-top: -3.97rem; padding: 3.97rem 0 0; background: url(../images/ind2-bg1-1.png) no-repeat; background-size:66% auto; background-position: top left; /*background-position: -22vw top;*/ }

.ind3-txt-con{ width: 100%;  overflow: hidden; padding-bottom: 1rem; }

.ind3-txt-con .ind3-txt-item >span{font-size: 16px;display: inline-block; margin-top: .65rem; margin-bottom: .54rem; color: #2495B0;}

.ind3-txt-con .ind3-txt-title{font-size: .36rem;line-height: .48rem;color: #333333;}

.ind3-txt-con .ind3-txt-p{font-size: 16px;line-height: 36px;color: #999; padding: .29rem 0 .45rem;}

/* .ind3-right{right: 7.3%; top:2.7rem;} */

.ind3-right{right: 0; top:0; max-width: 70%; transform: translate(3vw, -3vw);}

.maxwid65{max-width: 65%;}

/* .ind3-txt-sw{display: flex; width: 600%;} */

.ind3-txt-swiper .ind3-txt-item{width: 100%; padding-bottom: 1rem;}

.ind3-img {width: 100%;}

.ind3-img  >img{width: 100%; object-fit: cover; height: 100%;}

.ind3-txt{width: 47%; padding-top: 1.3rem; padding-right: 15px; padding-left: 5vw;}

.ind3-con{ display: inline-block; transform: translate(0.3rem,0);}

/* .circle-green{  z-index: 5; left: 0; top: 0; right: 0; bottom: 0;border: 1px solid green;} */

.circle-content{ border-radius: 50%; overflow: hidden; z-index: 2; 

  top: 29.5%;

  left: 29%;

  width: 40%;

  height: 40%;}

.circle-gray{position: relative; z-index: 5;}

.circle-gray img{display: none;}

.circle-gray img.on{display: block;}

.circle-content img{ display: none;}

.circle-content img.on{ display: block;}

.ind3-hover-box{z-index: 8;  left: 0; top: 0; right: 0; bottom: 0;}

.ind3-hover-box .item{cursor: pointer; width: 20%; height: 10%; }

.pos1{left: 16%;top: 21%;transform: rotate(45deg);}

.pos2{left: 39%;top: 15%;transform: rotate(90deg);}

.pos3{left: 61%;top: 23%;transform: rotate(135deg);}

.pos4{left: 70%;top: 44%;transform: rotate(180deg);}

.pos5{left: 61%;top: 66%;transform: rotate(45deg);}

.pos6{left: 40%;top: 75%;transform: rotate(90deg);}



.ind4{ padding: 1.3rem 0  0; }

.ind4-t{padding-left:2.6rem;padding-right:2.6rem;}

.ind4-con{padding: 1.89rem 0 0.8rem;}

.ind4-con-l,.ind4-con-r{width: 39.6%; overflow: hidden; height: 21.25vw;}

.ind4-con-m{width: 20.8%; height: 21.25vw;}

.border-tr-radius{ border-top-right-radius: calc(21.25vw / 2); border-bottom-right-radius: calc(21.25vw / 2);}

.border-tl-radius{ border-top-left-radius: calc(21.25vw / 2); border-bottom-left-radius: calc(21.25vw / 2);}

.ind4-con-txt{left: 0; top: 0;  right: 0; bottom: 0;}

.ind4-circle{

  animation: myrotecircle 9s linear infinite;

}



.pd1{padding: 6vw 8vw 1rem 11vw;}

.pd2{padding: 6vw 8vw 1rem 18vw;}





.ind5{ padding: 0.9rem 0 1.85rem; background: url(../images/ind4-bg.png) no-repeat; background-size: auto auto;}

.ind5-1-con{ padding:1.04rem 0  3.07rem;}

.ind5-1-swiper{  height: 4.24rem; position: relative;}

.ind5-1-swiper .swiper-container{z-index: 5;}



.ind5-1-swiper::after{position: absolute; content: ''; width: 100%; height: 1px; background: #DFDFDF; top: 50%; left: 0; transform: translate(0,-50%); z-index: 2;}

.ind5-1-cir-box{ top: 0; left: 50%; z-index: 7;  transform: translate(-50%,0);  }

.circle-img-box{height: 4.24rem; width: 4.24rem; border-radius: 50%; overflow: hidden;}

.ind5-1-swiper .circle-img-box-bg{left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }

.ind5-1-center-box .circle-img-box .circle-img{height: 4.24rem; width: 4.24rem; border-radius: 50%;overflow: hidden; }

.ind5-1-cir-txt{text-align: center; padding: .51rem 0 ;width: 4.24rem;}

.ind5-slide-item{height: 4.24rem; cursor: pointer;  }



.ind5-dot{margin-bottom: .67rem;margin-top: 2.02rem;}

.ind5-dot span{display: inline-block;  border-radius: 50%; background: #2495B0; width: 20px; height: 20px; position: relative; z-index: 7;}

/* .ind5-dot .ind5-dot2{position: absolute;  border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 6;  width: 53px;  height: 53px; background: rgba(36, 149, 176, 0.2);animation: bgcircle 2s infinite;} */

.ind5-dot span::after{position: absolute;  border-radius: 50%; top: 50%; left: 50%; /*transform: translate(-50%,-50%);*/ z-index: 6; content: ''; width: 53px;  height: 53px; background: rgba(36, 149, 176, 0.2);animation: bgcircle 2s infinite;}

.ind5-1-center-box{display: none;}

.ind5-1-center-box.on{display: block;}



.ind5-slide-item{ text-align: center;}

.ind5-slide-item p{line-height: 28px;}

.ind5-1-swiper .swiper-container .swiper-slide-active{opacity: 0;}

.ind5-myswiper{display: none;}

.ind-news .swiper-container{padding-top: 1rem; padding-bottom: .6rem;}

.ind-news .item .more-btn{line-height: unset; height: unset;}

/* .ind-news::after{display: block; content: ''; height: 0; width: 23.75%;} */

.ind-news .item{width: 100%;  background: url(../images/ind5-bg2.png) no-repeat; background-position: top right; background-size: cover; height: 4.42rem; overflow: hidden;display: block; border-radius: .1rem;border: 1px solid #DDDDDD; padding: .35rem .34rem; margin-bottom: .4rem;  }

.ind-news .item .item-time{top: .35rem;}

.ind-news .item .item-txt{bottom: .55rem;line-height: 28px; left: .35rem; right: .35rem;}

.ind-news .item .item-txt p{ line-height: 28px; height: 84px; overflow: hidden;}
.ind-news .item .item-img{left: 0; right: 0; top: 0;bottom: 0;border-radius: .1rem; opacity: 1; visibility: visible;}
.ind-news .item .item-img::after{background: rgba(36,149,176,0.5); transition: all .36s; left: 0; right: 0; top: 0;bottom: 0; position: absolute; content: '';}

.ind-news .item .item-time .date-d{margin-bottom: .02rem; }





/* .ind5-2-con{margin-top: 1rem;} */



.ind6 .ind-partner-bg{overflow: hidden; z-index: 2;  left: 0; top: 0; right: 0; bottom: 0;}

.ind6  .ind-partner-bg p{ transform: translate(-.7rem,0);}

.ind6  .ind-partner-bg p span{  line-height: 6rem; font-size: 7rem;color: #F5F5F5;}

.ind6  .ind-partner-bg p samp{font-size: 2rem; top: -11%; color: #F5F5F5; margin-left: .42rem;}

.ind6  .ind-title{position: relative; z-index: 5;}

.ind6  .ind-partner{position: relative; z-index: 5;padding-top:0px;padding-bottom: .8rem; }

.ind6 .ind-partner-con{ padding-bottom: .33rem;}

.ind-partner .item{overflow: hidden; margin-bottom: .2rem; width: 16%; height: 1.15rem; border-radius: 10px;border: 1px solid #CFCFCF;background: rgba(255,255,255,0.5);}

.ind-partner .item:not(:nth-child(6n)){
  margin-right: calc(3.9% / 5);
}






/* ------------------------------- */



/* 内页轮播 */

.maxwid50{max-width: 46%; margin: auto; }

.inner-banner{position: relative; }  

.inner-banner >img{width: 100%;}

.inner-ban-txt{ left: 0; right: 0; top: 50%; transform: translateY(-50%);   z-index: 2; }

.inner-ban-big{font-size:.46rem; color: #FFFFFF;line-height: .58rem; font-weight: bold;margin-bottom:.12rem;}

.inner-ban-small{ font-size: 18px;color: #FFFFFF; line-height: 32px; }

.play-icon{ position: relative; width: .8rem; height: .8rem;  margin: .26rem auto; cursor: pointer; }

.play-icon::after{position: absolute;  border-radius: 50%; top: 50%; left: 50%;  z-index: 6; content: ''; width: 0.8rem;  height: 0.8rem; background: rgba(36, 149, 176, 0.2);animation: bgcircle 2s infinite;}

.play-icon img{width: .8rem; height: .8rem; }

.inner-title .en{font-size: .8rem;color: rgba(36, 149, 176, 0);

   opacity: .23;

  background: linear-gradient(180deg, #228FA9 0%, rgba(34,143,169,0) 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;}

.inner-title .cn{font-size: .46rem;margin-top: -0.77rem;}

.inner-title .inner-t-p{line-height: 28px;}

.mt50{margin-top: .5rem;}

.pwid71{width: 71%; margin-left: 14.5%;}

/* 内页二级标题 */



.sub-nav-title-con{left: 0; right: 0;     left: 0;right: 0;bottom: -0.8rem;  z-index: 2;}



.sub-nav-title{



  text-align: center;



  white-space: nowrap;

  width: 100%;



  overflow-y: hidden;



  overflow-x: auto; 



  line-height: .78rem; 



  font-size: 0px;



}



.sub-nav-title .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2495B0 !important;}



.sub-nav-title .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 0 !important;}

.item-a {



  color: #2F2F2F;



  display: inline-block; 



  box-shadow: 9px 4px 38px 0px rgba(0,0,0,0.08);



  border-radius: 0.355rem;



  height: 0.71rem; 



  background-color: #FFFFFF;



  line-height:0.71rem;



  text-align: center;



  position: relative;



  overflow: hidden;



  padding: 0  .6rem  0 .53rem;



  margin-right: .18rem;



}







.item-a .icon {



display: inline-block;



vertical-align: middle;



width: .32rem;



height: .32rem;



position: relative;



margin-right: .08rem;



z-index: 2;



}



.item-a span {



font-size: 16px;



color: #2494AE;

font-weight: bold;



display: inline-block;



vertical-align: middle;



position: relative;



z-index: 2;



transition: all .3s ease;



}







.item-a.on,.item-a:hover{ background: #2494AE;}

.item-a .icon img {

  position: absolute;



  left: 0;



  top: 0;



  transition: all .3s ease;



}







.sub-nav-title a img {



  display: inline-block;



  width: 0.32rem;



}



.item-a .icon img:nth-child(2){opacity: 0;}



.item-a.on span ,.item-a:hover span{color: #fff;}



.item-a.on .icon img:nth-child(1), .item-a:hover .icon img:nth-child(1){opacity: 0;}



.item-a.on .icon img:nth-child(2), .item-a:hover .icon img:nth-child(2){opacity: 1;}

/* 分页 */

.mypage{ text-align: center;  padding: 0.2rem .15rem  .6rem;}

.mypage .pagination>li>a,.mypage .pagination>li>span{background-color: transparent; color: #666; margin: 0 10px;border-radius: 50%;border: 0px;transition: all .5s; width: 34px; height: 34px; line-height: 34px; padding: 0;}

.mypage .pagination>.active>a,.mypage  .pagination>.active>a:focus,.mypage  .pagination>.active>a:hover,.mypage  .pagination>.active>span,.mypage  .pagination>.active>span:focus,.mypage  .pagination>.active>span:hover{

	background-color: #2494AE; color: #fff;box-shadow: 16px 18px 35px 0px rgba(5,37,155,0.17);

}

.mypage .pagination>li>a.home{color: #333; font-size: 12px;width: 1.3rem;}

.mypage .pagination li a:hover{color: #2494AE;}



/* 产品中心 */



.pdtop90bottom55{padding-top: .9rem; padding-bottom: 0.55rem;}



.pro_list .item{display: block;background: #fff; border-radius: .2rem; height: 4.67rem; margin-bottom: .65rem;}



.pro_list .item .item-img{border-top-left-radius: .2rem;border-top-right-radius: .2rem; overflow: hidden;  height: 86%; display: flex; align-items: center; justify-content: center; }



.pro_list .item .item-img img{transform: scale(1); max-width: 100%;}



.pro_list .item-txt{ left: 50%; bottom: -.3rem;border: 1px solid #2494AE; padding: 0 .3rem; z-index: 2; transform: translate(-50%,0); text-align: center;  width: 59%; /*width: 14.6vw;*/background: #FFFFFF;height: .58rem; line-height: .58rem;border-radius: .34rem;box-shadow: 8px 10px 27px 0px rgba(0,0,0,0.08);}



.pro_list .item-txt-hover{left: 50%; bottom: -.3rem; opacity: 0; visibility: hidden; align-items: center; justify-content: center; z-index: 3; transform: translate(-50%,0); text-align: center;width: 59%;  /*width: 14.6vw;*/background: #2494AE; height: .58rem; line-height: .58rem;border-radius: .34rem;box-shadow: 8px 10px 27px 0px rgba(0,0,0,0.08);}



.pro_list .item:hover .item-txt-hover{opacity: 1; visibility: visible;}



.pro_list .item:hover img{transform: scale(1.1);}

/* 产品详情 */

.prodel-1{padding-top: 1.41rem; padding-bottom: .19rem; }

.prodel-1 .del-page-top{margin-bottom: .37rem;}

.prodel-1 .breadcrumb{background-color: transparent; }

.prodel-1 .breadcrumb li a img{transform: translate(0,6px);}

.prodel-1 .breadcrumb li a{color: #999; font-size: 16px;}



.prodel-1 .breadcrumb li.active{color: #2494AE ;font-size: 16px;}



.prodel-1 .breadcrumb>li+li:before{content: '>';padding: 0 10px;}

.prodel-1 .breadcrumb>li+li.active:before{content: '>';color: #2494AE ;}



.prodel-1-con{padding: .37rem;border-radius: 20px;box-shadow: 17px 8px 125px 0px rgba(0,0,0,0.08);}



.prodel-1-con-l{width: 39.5%;background: #F5F5F5;border-radius: 20px;}



.prodel-1-con-r{width: 60.5%; padding:0 2.8vw 0 3.2vw;}



.prodel-1 .img-box{ width: 89.4%; border-radius: .2rem; overflow: hidden; }



.prodel-1 .img-box img{display: none; width: 100%;object-fit: scale-down;}



.prodel-1 .img-box img.on{display: block;}







.prodel-1 .prodel-1-r h5{font-size: .32rem; font-weight: bold; color: #2494AE;line-height: .5rem ; padding-bottom: .3rem; border-bottom: 1px solid #E8E8E8;;}



.prodel-1 .prodel-1-r-p{ margin-top: .29rem; font-size: 16px;color: #333;line-height: 28px; text-align: justify;}



.prodel-1-list{flex-wrap: wrap; margin-top: .25rem; }



.prodel-1-list .item{background: #F5F5F5; cursor: pointer; width: .75rem; height: .67rem; padding: .11rem .12rem; border-radius: 8px;border: 2px solid transparent; overflow: hidden; margin-right: .11rem; margin-bottom: .2rem;}



.prodel-1-list .item.on,.prodel-1-list .item:hover{border: 2px solid #2495B0;}



.prodel-btn-top{ margin-top: 1.44rem; margin-bottom: 10px;}

.prodel-btn-top .prodel-btn{background: #F5F5F5;border-radius: 20px;height: 40px; line-height: 40px; padding:0.08rem .23rem; display: inline-flex; align-items: center; margin-right: .14rem; }

.prodel-btn-top .prodel-btn .icon-box{width: 24px; height: 24px; overflow: hidden; position: relative; margin-right: 2px;}

.prodel-btn-top .prodel-btn .icon-box img{position: absolute; left: 0; top: 0; width: 24px; height: 24px; }

.prodel-btn-top .prodel-btn .icon-box img:nth-child(1){opacity: 1; visibility: visible;}

.prodel-btn-top .prodel-btn .icon-box img:nth-child(2){opacity: 0; visibility: hidden;}

.prodel-btn-top .prodel-btn p{color: #2495B0;font-size: 16px;}

.prodel-btn-top .prodel-btn:hover {background: #2495B0;}

.prodel-btn-top .prodel-btn:hover p{color: #fff;}

.prodel-btn-top .prodel-btn:hover .icon-box img:nth-child(1){opacity: 0; visibility: hidden;}

.prodel-btn-top .prodel-btn:hover .icon-box img:nth-child(2){opacity: 1; visibility: visible;}



.prodel-2{padding: .58rem 0 .29rem; }



.prodel-2-title{  line-height: 36px; margin-bottom: .37rem; margin-left: -.44rem; margin-right: -.44rem;  border-bottom: 1px solid #EDEDED; padding-bottom: .32rem;}

.padtop16{padding-top: .16rem;}

.prodel-2-title p{position: relative;font-size: .26rem; padding-left: 21px; font-weight: bold;color: #2495B0;}

.prodel-2-title p::after{position: absolute; content: '';z-index: 2; left: 0; top: 15%;  width: 3px; height: 70%; background: #2495B0;}

.prodel-2-sec{border-radius: .2rem; padding: .36rem .44rem; margin-bottom: .19rem;}

.prodel-2-sec  .row{display: flex; flex-wrap: wrap;}



.prodel-2-sec  .row >div{ margin-bottom: .15rem;}  

.prodel-2 .advance .item{ position: relative; min-height: 4.2rem; background: #fff;height: 100%;border-radius: .2rem;padding:.37rem .39rem .37rem .3rem; border: 1px solid #E5E5E5; font-weight: 600; }



.prodel-2  .advance .item .item-l .cn{font-size: .26rem;line-height: .38rem; margin-bottom: .18rem; color: #2495B0;}



.prodel-2 .advance .item .item-l .smallcn{ font-size: 16px;line-height: 28px; color: #333333;}



.prodel-2  .advance .item .item-r{ position: absolute; right: 24px; bottom: 10px; font-size: 2.13rem;color: #F5F5F5; transform: translateY(20%);}



.pro-del-content{font-size: 16px;color: #333333; padding-right: .75rem; line-height: 28px;}

.pro-del-content *{font-size: inherit; color: inherit;}

.pro-del-content img{display: inline-block;}

.pro-del-list .item{background: #F5F5F5;}

/* 技术平台 */

.tech-ban .inner-ban-txt{ top: 50% !important;}

.padl25{padding-left: .25rem;}

.padtop125{padding-top: 1.25rem;}

.tech-1{padding: 10vw 0 .64rem;}

.tech-1-con{margin-top: .45rem; padding-right: 2.6vw; text-indent: 2em; }

.tech-1-con p{font-size: 16px; color: #333; line-height: 28px;}

.tech-1-r{text-align: right;}

.tech-1-r img{width: 5.9rem; display: inline-block; }



.tech-2{background: #F8F8F8;padding: 1.5rem 0;}

.tech-2-con{ margin-top: 11.6vw; margin-bottom:6.8vw;}

.tech-2-step-box{display: flex; justify-content: center; align-items: center;}

.tech-2-step-box::after{ position: absolute; content: '' ; z-index: 3; left: 0; width: 100%; height: 1px; background: #ededed; top: 18px;}

.step-item{ padding: 0 .1rem; width: 20%; z-index: 6;}

.step-item .step{width: 80px; margin: auto; padding: 4px; text-align: center; height: 38px;border-radius: 20px;    border: 1px solid #2495B0;  }

.step-item .step span{width: 70px;border-radius: 20px;display: inline-block; height: 28px; line-height: 28px; text-align: center; border-radius: 15px; background: #2495B0; color: #fff; font-size: 14px; }

.step-item .txt p{ color: #2495B0; font-size: 14px; font-weight: bold;margin-top: 4px; }



/*.step-item-con{left: 0; top: 0; display: flex; justify-content: center; align-items: center; border-radius: 53px; height: 1.05rem; width: 100%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/tech-bg-logo.png) no-repeat; background-size: auto 100%; background-position: top right; }

.step-item-con::after{transition: all 0.36s linear;position: absolute; content: ''; width:8px; height: 8px; background: #fff; border-bottom: 1px solid #2495B0; left: 50%; bottom: 0; border-right: 1px solid #2495B0; transform: translate(-50%,50%) rotate(45deg); }

.step-item-con .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con .p2{font-size: 18px; line-height: 24px; color: #228FA9; }*/


.step-item-con1{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc1.png) no-repeat; background-size: auto 100%; background-position: top right; }

.step-item-con1:hover div{transition: all 0.36s linear;position: absolute; content: ''; width:8px; height: 8px; background: #fff; border-bottom: 1px solid #2495B0; background:#2495B0 url(../images/lc1-.png) no-repeat; left: 50%; bottom: 0; border-right: 1px solid #2495B0; transform: translate(-50%,50%) rotate(45deg); }

.step-item-con1 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con1 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }



.step-item-con2{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc2.png) no-repeat; background-size: auto 100%; background-position: top right; transform: translate(0, 92%);
      background-size: auto 100%;

      background-position: top right;}

.step-item-con2:hover div{
transition: all 0.36s linear;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #2495B0;
    left: 50%;
        top: 0;
    transform: translate(-50%, -50%) rotate(-135deg);
    border-right: 1px solid #2495B0;
	    background: #2495B0 url(../images/lc2-.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;

}

.step-item-con2 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con2 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }
 .tech-2-step-box .step-item:nth-child(even) .step-item-con{transform: translate(0, 92%);

       background: #fff url(../images/tech-bg-logo2.png) no-repeat;

      background-size: auto 100%;

      background-position: top right;}


.step-item-con3{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc3.png) no-repeat; background-size: auto 100%; background-position: top right; }

.step-item-con3:hover div{transition: all 0.36s linear;position: absolute; content: ''; width:8px; height: 8px; background: #fff; border-bottom: 1px solid #2495B0; background:#2495B0 url(../images/lc3-.png) no-repeat; left: 50%; bottom: 0; border-right: 1px solid #2495B0; transform: translate(-50%,50%) rotate(45deg); }

.step-item-con3 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con3 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }


.step-item-con4{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc4.png) no-repeat; background-size: auto 100%; background-position: top right; transform: translate(0, 92%);
      background-size: auto 100%;

      background-position: top right;}

.step-item-con4:hover div{
transition: all 0.36s linear;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #2495B0;
    left: 50%;
        top: 0;
    transform: translate(-50%, -50%) rotate(-135deg);
    border-right: 1px solid #2495B0;
	    background: #2495B0 url(../images/lc4-.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;

}


.step-item-con4 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con4 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }



.step-item-con5{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc5.png) no-repeat; background-size: auto 100%; background-position: top right; }

.step-item-con5:hover div{transition: all 0.36s linear;position: absolute; content: ''; width:8px; height: 8px; background: #fff; border-bottom: 1px solid #2495B0; background:#2495B0 url(../images/lc5-.png) no-repeat; left: 50%; bottom: 0; border-right: 1px solid #2495B0; transform: translate(-50%,50%) rotate(45deg); }

.step-item-con5 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con5 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }


.step-item-con6{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc6.png) no-repeat; background-size: auto 100%; background-position: top right; transform: translate(0, 92%);
      background-size: auto 100%;

      background-position: top right;}

.step-item-con6:hover div{
transition: all 0.36s linear;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #2495B0;
    left: 50%;
        top: 0;
    transform: translate(-50%, -50%) rotate(-135deg);
    border-right: 1px solid #2495B0;
	    background: #2495B0 url(../images/lc6-.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;

}


.step-item-con6 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con6 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }


.step-item-con7{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc7.png) no-repeat; background-size: auto 100%; background-position: top right; }

.step-item-con7:hover div{transition: all 0.36s linear;position: absolute; content: ''; width:8px; height: 8px; background: #fff; border-bottom: 1px solid #2495B0; background:#2495B0 url(../images/lc7-.png) no-repeat; left: 50%; bottom: 0; border-right: 1px solid #2495B0; transform: translate(-50%,50%) rotate(45deg); }

.step-item-con7 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con7 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }



.step-item-con8{left: 25%; top: 0; display: flex; justify-content: center; align-items: center; border-radius:50%; height: 75px; width: 50%;transform: translate(0,calc(-100% - 27px)); border: 1px solid #2495B0; background: #fff  url(../images/lc8.png) no-repeat; background-size: auto 100%; background-position: top right; transform: translate(0, 92%);
      background-size: auto 100%;

      background-position: top right;}

.step-item-con8:hover div{
transition: all 0.36s linear;
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #2495B0;
    left: 50%;
        top: 0;
    transform: translate(-50%, -50%) rotate(-135deg);
    border-right: 1px solid #2495B0;
	    background: #2495B0 url(../images/lc8-.png) no-repeat;
    background-size: auto 100%;
    background-position: top right;

}

.step-item-con8 .p1{font-size: 16px;color: #999999;line-height: 24px;}

.step-item-con8 .p2{font-size: 18px; line-height: 24px; color: #228FA9; }




.tech-3{padding: 1.06rem 0 .5rem; }

.tech-3-swiper{padding-top: 1.04rem; padding-bottom: 1.17rem;}

.tech-3-item{ padding-bottom: 2rem;}

.tech-3-swiper .tech-3-item .item-img{ max-width: 100%; width: 4.58rem; height: 5.6rem; margin: auto; overflow: hidden; border-radius: 2.29rem;}

.tech-3-swiper .tech-3-item .item-txt{ left: 50%; top: 5.6rem; transform: translate(-50%,-65%); width: 3.28rem; height: 3.38rem;overflow: hidden; background: #fff; border-radius: 0.1rem; box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.05);display: flex; /*align-items: center;*/ padding: .35rem ; }

.tech-3-swiper .tech-3-item .item-txt p{font-size: 16px;color: #333333;line-height: 28px; text-align:justify-content;}

.tech-3-swiper .myswiperbtn {top: 92%;}

.tech-3-swiper .myswiperbtn.swiper-button-prev{left: calc(50% - 27px); transform: translateX(-50%);} 

.tech-3-swiper .myswiperbtn.swiper-button-next{right: calc(50% - 27px); transform: translateX(50%);} 

.tech-4{background: url(../images/tech-bg2.jpg) no-repeat; background-size: cover;  padding: 13.8vw 0  14.8vw;}

.tech-4 .inner-title .en{

  font-size: .8rem;

  color: rgba(36, 149, 176, 0);

  opacity: .23;

  background: linear-gradient(0deg, rgba(255,255,255,0) 0% , #FFFFFF 100%);

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.tech-4 .tech-4-con{margin-top: .38rem; max-width: 55%;}

.tech-4 .tech-4-con p{text-indent: 2em;font-size: 16px; line-height: 28px;color: #fff;}

.tech-5 {padding: 1.13rem 0 .96rem; }

.tech-5-swiper {padding: .94rem 0 .52rem;}

.tech-5 .tech-5-item .item-img{height: 2.59rem; overflow: hidden; border-radius: .2rem;}

.tech-5 .tech-5-item .item-txt{  padding: .4rem 4.8vw;}

.tech-5 .tech-5-item .item-txt h5{font-size: 24px;line-height: 28px;color: #333333; margin-bottom: .19rem;}

.tech-5 .tech-5-item .item-txt p{font-size: 16px;line-height: 28px;color: #999;}

.tech-5-swiper .myswiperbtn{top: 100%;}

.tech-5-swiper .myswiperbtn.swiper-button-prev{left: calc(50% - 27px); transform: translateX(-50%);} 

.tech-5-swiper .myswiperbtn.swiper-button-next{right: calc(50% - 27px); transform: translateX(50%);} 

/* 产业列表 */

.clearfix {

  zoom: 1;

}

.clearfix:before{display: table;

  content: " ";}

  .clearfix:after{}

.property-topbg{ position: absolute; top: 0; left: 0; width: 100%; height: 7rem; background: linear-gradient(0deg, rgba(34,143,169,0), rgba(34,143,169,0.8));}

.property-title{position: absolute;left: 0;width: 100%;top: 232px; opacity: 0;}

.property-title .property-title-content{position: relative;width: 1200px;margin: 0 auto;}

.property-title .property-title-content h1{font-size: .68rem;line-height: 38px; font-weight: bold; color: #FFFFFF;}

.property-main{min-height: 600px;}

.property-box1{width: 100%;position: relative;padding-top: 9.5%;}

.property-main-content{width: 1200px;

  margin: 0 auto;}

.property-main-bx{width: 100%;}

.property-main-bxl{position: relative;float: left;width: 704px !important;padding-right: 176px; min-width: 704px; padding-bottom: 50px;}

.property-progress{position: absolute;top: 165px; width: 2px;height: 55vh;left: -70px;z-index: 99;background: #e8edf3;}

.property-progress::before{

    content: "";

    position: absolute;

    left: 50%;

    top: 0;

    transform: translate(-50%, -50%);

    width: 16px;

    height: 16px;

    border-radius: 50%;

    background: #2495B0;

}

.property-progress span{display: block;width: 100%;height: 0;background: #2494AE;transition: all .3s ease-out;}

.property-pctitle p{font-size: .68rem; font-weight: bold; color: #FFFFFF;}

.property-content-lbox{width: 100%;margin-top: 59px;position: relative;}

.property-lli{

  

    position: relative;

    

}

.property-lli-con{

  max-height: 31px;

  overflow: hidden;

  margin: 14px 0 20px;

  transition: all 0.36s; 

  position: relative;

}

.property-lli:not(:nth-child(1))::after{transition: all 0.36s; 

  position: absolute; content: ''; left: -73px; top: 50%; transform: translate(0,-50%); width: 9px;height: 9px;border-radius: 50%;border: 1px solid #9A9A9A;background: #FFFFFF; z-index: 1000;}

.pro-lbox-item-t p{font-size: 20px;color: #C0C0C0; font-weight: 600;}



.pro-lbox-item-p{margin-top: .34rem; margin-bottom: .21rem;}

.pro-lbox-item-p .pro-lbox-item-txt{font-size: 16px;color: #333333;line-height: 24px; height: 160px;}

.property-lli.act .property-lli-con{max-height: 377px;}

.property-lli.act  .pro-lbox-item-t p{color: #333; font-size: 36px;}

.property-lli.act::after{top: 12%;}

.property-main-bxr {

  padding-top: 156px;

  width: calc(100% - 704px);

  float: right;

}

.property-rli{

  opacity: 0.4;

  transition: all 0.36s;

  width: 100%;

  margin-bottom: 30%;

}

.property-rli.act{opacity: 1;}

.pc-property-r-img{

    width: 100%;

    position: relative;

    border-radius: 20px;

    overflow: hidden;

    margin-bottom: .35rem;

    box-shadow: 0px 35px 43px 0px rgba(0,0,0,0.3);

}

.pc-property-r-txt h5{ text-align: center; margin-bottom: .24rem; font-size: 24px;line-height: 28px;color: #333333;}

.property-btn{border: 1px solid #DEDEDE;}

.pc-property-r-txt .solutions-ban-btn{align-items: center; display: flex;}



.m-property-r{display: none;}

.m-property-r-txt{ padding: 15px 0; line-height: 28px; font-size: 16px;color: #333333;}

/* 产业详情 */

.del-page-top{display: flex; align-items: center; justify-content: space-between;}

.backList{display: flex;  padding: 0 .31rem; align-items: center; height: 38px;border-radius: 19px;background: #FFFFFF;}

.backList img{width: 20px; height: 20px;}

.backList p{font-size: 16px;color: #2494AE; font-weight: 600;}



.propertyDel-1{padding-top: 1.29rem; }

.propertyDel-1 .breadcrumb{margin-bottom: 0.13rem;}

.propertyDel-2{padding: 0 0 .29rem; }

/* .propertydel-sec{padding: .80rem .6rem .6rem .75rem;} */

/* .propertydel-sec .prodel-2-title{margin-bottom: .8rem;} */

.propertydel-content{padding: .48rem .16rem .6rem .35rem;}

.propertydel-yewu h5{font-size: 20px;color: #333333;line-height: 28px; margin-bottom: .17rem;}

.propertydel-yewu p{font-size: 16px;color: #999;line-height: 26px;}

.prodel-2-sec .propertydel-content .row >div{margin-bottom: 0;}

.propertydel-pro-swiper{padding-bottom: 85px;}

.propertydel-pro-swiper .myswiperbtn{top: unset; bottom: 16px;}

.propertydel-pro-swiper .myswiperbtn.swiper-button-prev{left: calc(50% - 27px); transform: translateX(-50%);} 

.propertydel-pro-swiper .myswiperbtn.swiper-button-next{right: calc(50% - 27px); transform: translateX(50%);} 



/* 新闻列表 */

.year-select{position: relative;}

.year-select input{

    width: 135px;

    height: 46px;

    padding-right: 50px;

    padding-left: 18px;

    color: #fff;

    background: #2495B0;

    border: 0;

    border-radius: 23px;

    -webkit-appearance: inherit;

    -moz-appearance: inherit;

    appearance: inherit;

}

.year-select input::placeholder{color: #fff;}

.input-suffix-icon{

  position: absolute;

    top: 22px;

    right: 21px;

    width: 13px;

    height: 8px;

    cursor: pointer;

    background-image: url(../images/more-icon.png);

    background-repeat: no-repeat;

    background-size: 100%;

    transition: transform .2s ease-in-out;

}

.select-dropdown{

  display: none;

    position: absolute;

    top: calc(100% + 8px);

    left: 50%;

    background: #FFFFFF;

    border: 1px solid #F5F5F5;

    z-index: 100;

    width: 100%;

    border-radius: 20px;

    transform: translateX(-50%);

    box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.31);

}

.select-dropdown ul{

  overflow: hidden;

    list-style: none;

    background-color: #fff;

    border-radius: 8px;

    box-sizing: border-box;

}

.select-dropdown ul li{

  position: relative;

    overflow: hidden;

    font-weight: 700;

    line-height: 48px;

    color: #333;

    text-align: center;

    text-overflow: ellipsis;

    cursor: pointer;

    box-sizing: border-box;

}

.select-dropdown ul li:hover{color: #2495B0;}

.news_2::after{display: block; content: ''; width: 32%;}

.news_2 .item{width: 32%; margin-bottom: .44rem; background: #fff; border-radius: .2rem; overflow: hidden;}

.news_2 .item .item-img{ height: 3.21rem; width: 100%; border-top-left-radius: .2rem; border-top-right-radius: .2rem; overflow: hidden;}

.news_2 .item .item-img img{transform: scale(1);}

.news_2 .item  .item-txt{padding:.52rem .35rem .34rem;}

.news_2 .item  .item-txt .item-title{font-size: 20px; color: #333; line-height: 32px; height: 64px; overflow: hidden; margin-bottom: .72rem;} 

.news_2 .item  .item-txt .item-more{font-size: 14px; color: #999;}

.news_2 .item:hover{background: #2494AE;box-shadow: 19px 25px 18px 0px rgba(0,0,0,0.08);}

.news_2 .item:hover .item-img img{transform: scale(1.1);}

.news_2 .item:hover .item-txt .item-title,.news_2 .item:hover .item-txt .item-more p,.news_2 .item:hover .item-txt .item-more span{color: #fff;}

/* 新闻详情 */



.news-del-content{padding: .45rem 0 .39rem; }



.news-del{ padding: .64rem 3.5vw;border-radius: .2rem;}



.news-del .news-del-title h3{color: #2495B0; font-weight: 600;font-size: .26rem; line-height: .4rem;}



.news-del .news-del-title p{color: #999999; font-weight: 400;font-size: 14px; line-height: 24px; margin: .23rem 0 .42rem;}



.news-del .news-del-txt{font-size: 16px; color: #333333;line-height: 28px; padding-bottom: .52rem; padding-top: .4rem;}



.news-del .news-del-txt p{margin-bottom: .18rem;}



.news-del .news-del-txt *{font-size: inherit; color: inherit; line-height: inherit;}

.news-del .news-del-txt img{display: inline-block;}

.news-btn{ margin-top: 11px; display: flex; align-items: center; justify-content: space-between; }



.news-btn .news-btn-item{ border-radius: 20px; text-align: center; margin-bottom: .3rem;background: #FFFFFF; width: 49.7%;}

.news-btn .news-btn-item p{font-size: 14px;color: #999999;line-height: .61rem; height: .61rem; padding:0 .23rem ;}

.news-btn .news-btn-item:hover p{color: #fff;}

.news-btn .news-btn-item:hover{background: #2495B0;}

/* 关于我们 */

.about-1{padding: 2.56rem 0 1.71rem; background: url(../images/about1-bg.png) no-repeat; background-size: 100% auto; background-position: center bottom;}

.about-1-con{transform: translateX(-5.8%);background: url(../images/about1-bg2.png) no-repeat; background-size: cover; width: 47.6vw; height: 47.6vw;/*width: 9.14rem; height: 9.14rem;*/  border-radius: 50%;}

.about-1-con-txt{padding: 9vw 8vw 5vw  5.5vw; height: 100%;}

.about-1-con-txt .inner-title .en{

  font-size: .8rem;

  color: rgba(36, 149, 176, 0);

  opacity: .4;

 background: linear-gradient(180deg, #fff 0%, rgba(34,143,169,0) 100%);

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;}

 .about-1-con-txt .inner-title .cn{margin-left: .28rem;}

.about-1-p{ margin-top: .37rem;max-height: 19.8vw; overflow-y: auto; overflow-x: hidden;}

.about-1-con-txt .about-1-p{font-size: 16px;line-height: 28px; text-align: justify; text-indent: 2em; color: #333333;}

.right-top{

  /* top: -20%; */

  top: -10vw;

  left: 77%;

  width: 23.1vw;}

.right-bottom{top: 31%;

  left: 80%;

  width: 47.05vw;}

.about-1-con2{display: flex; margin-top: .92rem; transform: translateX(5%); }



.about-1-con2 .item p{ font-size: 16px;line-height: 28px; text-align: justify; text-indent: 2em; color: #999999;}

.about-1-p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2495B0 !important;}



.itemw1{width: 33%; padding-right: .71rem;}

.itemw2{width: 37.18%;padding-right: .71rem;}

.itemw3{width: 30%;padding-right: .41rem;}





.about-2{padding: 1.99rem 0 1.94rem; background: url(../images/about2-img.jpg) no-repeat; background-size: cover;}

.about-2 .ind2-num{margin-top: 0;}

.about-2 .ind2-num .item >div span,.about-2 .ind2-num-item-r >p {color: #fff;}

.about-2 .ind2-num-item-r .ind2-icon{border: 1px solid #fff;}

.about-3{padding: 1.25rem 0  0.5rem;}

.about-3-culture{ float: right; 

  background: linear-gradient(180deg, rgba(34,143,169,0.5), rgba(34,143,169,0));

  /* width: 47.6vw;

  padding: 8vw 11vw 5vw 12vw;

  height: 47.6vw; */

  padding: 1.53rem 2.11rem .96rem 2.3rem;

  width: 9.14rem;

  height: 9.14rem;

  

  z-index: 5;

  border-radius: 50%;}

.about-3-con::after{ display:block;content: '';visibility:hidden; clear: both;height:0;}

.about-3-culture-txt{  position: relative; z-index: 3; height: 100%;}

.about-3-culture-content{ margin: .57rem 0 ; font-size: 16px;line-height: 28px; color: #999;

  max-height: 26vw;

  overflow-x: hidden;

  overflow-y: auto;}

.about-3-culture-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2495B0 !important;}



.about-3-culture-content h5{font-size: .26rem; margin-bottom: .41rem; color: #333333;}

.about-3-culture-content p{text-align: justify; text-indent: 2em;}

.about-3-culture-txt .inner-title .en{font-size: .8rem;color: rgba(36, 149, 176, 0);

  opacity: .4;

 background: linear-gradient(180deg, #fff 0%, rgba(34,143,169,0) 100%);

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;}

.about-3-culture-txt .inner-title .cn{margin-left: .28rem;}

.about-3-pic{top: 0; left: 0;transform: translateX(-71%);width: 43.5vw; width:8.29rem ; }

.about-3-pic img{width: 100%;}

.about-3-list-box{margin-top: -1.44rem;float: left;

  width: 100%;}

.about-3-list{ justify-content: center; width: 100%; }

.about-3-list .item{

  /* width: 18.92vw;

  height: 18.92vw; padding: 5.6vw 2vw 1vw;*/



  width: 3.63rem;

  height: 3.63rem;

  padding: 1.07rem .77rem;

  text-align: center;

  background: linear-gradient(180deg, rgba(34,143,169,0.5), rgba(34,143,169,0));

  border-radius: 50%;

  

 

}

.about-3-list .item >img{ width: 40px; height: 40px; margin: auto;}

.about-3-list .item h5{font-size: 26px; margin: .11rem 0 .23rem;  font-weight: bold;color: #3C9EB6; }

.about-3-list .item p{font-size: 18px; color: #333333; margin-left: -0.3rem; margin-right:-0.3rem ; }

.ml-30{margin-left: -1.6vw;}

.about-4{ padding: 1rem 0 0.59rem;}

.team-img{width: 100%; margin: .61rem auto 0;}

/* 

.about-4-swiper{padding: .85rem 0 0;}

.about-4-swiper .swiper-item{cursor: pointer;}

.about-4-swiper .item-img{border-radius: .2rem;background: #136CB0; padding-left: 2px;}

.about-4-swiper .item-txt{padding: .46rem 0;}

.about-4-swiper .item-txt .pname span{margin-right: .2rem; }

.about-4-swiper .swiper-container{padding-bottom: 87px;} */

.mt10{margin-top: 10px;}

.about-5{padding: 1.03rem 0 1.14rem; background: url(../images/about5-bg.png) no-repeat;background-size: 100% auto; background-position:  left 60%;}

.about-5-con h5{font-size: 1rem; margin-bottom: .44rem; font-weight: bold; color: #2495B0;text-shadow: 14px 19px 62px rgba(0,0,0,0.04);}

.about-5-con p{font-size: 16px;color: #333333;line-height: 28px;}

.about-5-swiper1{ padding: 9vw 0 7.5vw; text-align: center;}

.about-5-swiper2{padding: 0 5.65%;}

.about-5-swiper2 .about-5-time{ cursor: pointer; border: 4px solid #2495B0;background: #fff; height: 67px; border-radius: 34px; padding: 6px 8px; box-shadow: 20px 27px 62px 0px rgba(0,0,0,0.04);}

.about-5-swiper2 .about-5-time .time-inner{ text-align: center; height: 46px; line-height: 46px;border-radius: 23px; background: #fff; font-size: 20px; color: #2495B0;}

.about-5-swiper2 .swiper-slide-thumb-active .about-5-time .time-inner,.about-5-swiper2  .about-5-time:hover .time-inner{background: #2495B0; color: #fff;}





.about-6{padding: 1rem 0 0;}

.about-6-con{ position: relative; padding-bottom:0.8rem ; margin-top:0.3rem;}

.about-6-swiper .swiper-container{z-index: 5;}

.about-6-cir-box{ top: 0; left: 50%; z-index: 7;  transform: translate(-50%,0);  }

.about-6-swiper .myswiperbtn {top: 95%;}



.about-6-img-box{/*height: 5.91rem; width: 5.91rem; */width: 30.8vw; height: 30.8vw; padding: 3.5vw; display: flex; align-items: center; justify-content: center;background: url(../images/about-cir-bg.png) no-repeat; background-size: auto 100%;  border-radius: 50%; overflow: hidden;}

.about-6-img-box .circle-img{box-shadow: 25px 34px 51px 0px rgba(0,0,0,0.23); width: 58%;background: #C72727; border-radius: 10px; overflow: hidden; border: 4px solid #EFEFEF;}

.about-6-img-box .circle-img img{display: none;}

.about-6-img-box .circle-img img.on{display: block;}

.about-6-swiper .swiper-container  .about-6-cir-txt{ opacity: 0; text-align: center; padding: .12rem 0 ; }

.about-6-slide-item{ cursor: pointer; display: flex; align-items: center; justify-content: center; height:15.32vw; width: 15.32vw; /*margin:33.3% auto;*/ margin: 7.5vw auto;  border-radius: 50%; background: #F8F8F8; padding: 3.5vw;  }

.about-6-slide-item .item-img{ border: 4px solid #EFEFEF;border-radius: 10px; overflow: hidden; box-shadow: 18px 23px 38px 0px rgba(0,0,0,0.08); }

.about-6-cir-txt p{font-size: .26rem; line-height: .32rem;}

.about-6-center-box{display: none;}

.about-6-center-box.on{display: block;}

.about-6-swiper .swiper-container .swiper-slide-active .about-6-slide-item{opacity: 0;}

.about-6-swiper .swiper-container .swiper-slide-active .about-6-cir-txt{opacity: 1;}





.about-6-list{ padding-top: .83rem; position: relative; justify-content: space-between;}

.about-6-list::after{ content: ''; display: block; width: 32.5%;}

.about-6-list .item{width: 32.5%; 

  margin-bottom: .3rem;

  height: 1.69rem; 

  display: flex; align-items: center; 

  padding-left: 5.1%;  

  background: url(../images/honor-item-bg1.png) no-repeat; background-size: 100% 100%;}

.about-6-list .item >img{ margin-right: .3rem; width: .6rem; height: .64rem;}

.about-6-list .item p{font-size: 16px;color: #2494AF;  line-height: .32rem; height: .64rem; overflow: hidden;}

.about-6-con .my-pagination{ left: 0 !important; right: 0 !important;  padding-left: 0 !important;}

.about-6-swiper2 .my-pagination.swiper-pagination-bullets{bottom: -15% !important;}

.about-7{padding: .8rem 0 .6rem;}

.about-7-con{padding-top: .85rem ;}

.about-7-con-list{justify-content: space-between;  padding-top: 2.1rem;}

.about-7-con .item{padding:0; width: 20%; margin-bottom: .8rem; margin-right: 10%;   background: url(../images/shili-itembg.png) no-repeat   ; background-size: 100% 100%; background-position: left center; }

.about-7-con .item .item-p1{  font-size: .36rem; font-weight: bold; color: #BD9448;}

.about-7-con .item .item-p2{font-size: 16px;  color: #BD9448;}

.about-8{padding: .6rem 0;}



.about-8-title-tab { padding: .64rem 0 .62rem;}

.about-8-title-tab .item{ cursor: pointer; width: 1.57rem; height: .5rem; color: #2495B0; margin-right: .13rem; font-size: 16px; line-height: .5rem; text-align: center;border-radius: .25rem; background: #F2F2F2;}

.about-8-title-tab .item.on,.about-8-title-tab .item:hover{background: #3E9DB6; color: #fff;}

.about-8-con-partner{display: none; position: relative;}

.about-8-con-partner.on{display: block;}

.about-8-con-partner  .ind-partner-con .item{animation-name: fadeup1;}

.about-8-con-partner  .swiper-container{padding-bottom: 120px;}



/* 团队介绍弹框 */

/* .pop-mod {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,0.6);

  z-index: -1;

  opacity: 0;

  visibility: hidden;

  -webkit-transition-property: opacity, visibility, z-index;

  transition-property: opacity, visibility, z-index;

  -webkit-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-delay: 0s, 0s, .3s;

  transition-delay: 0s, 0s, .3s;

}

.pop-mod.x-show {

  opacity: 1;

  visibility: visible;

  z-index: 999;

  -webkit-transition-property: opacity, visibility, z-index;

  transition-property: opacity, visibility, z-index;

  -webkit-transition-duration: .3s;

  transition-duration: .3s;

  -webkit-transition-delay: 0s, 0s, 0s;

  transition-delay: 0s, 0s, 0s;

}

.pop-mod .pop-panel {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  font-size: 0;

  text-align: center;

  overflow: hidden;

}

.pop-mod .pop-dialog {

  position: relative;

  display: inline-block;

  max-width: 100%;

  background: #fff;

  font-size: 16px;

  text-align: left;

  border-radius: 10px;

  vertical-align: middle;

  word-break: normal;

  

}

.pop-slick .pop-dialog {

  width: 1230px;

}

.pop-mod .pop-panel::after {

  content: '';

  display: inline-block;

  vertical-align: middle;

  height: 100%;

}

.pop-slick .pop-dialog  .pop-cont{

  background: url(../images/about-logo.png) no-repeat; background-position: top right;

}

.pop-slick .pop-close {

  position: absolute;

  top: -65px;

  right: 0;

  cursor: pointer;

}

.pop-slick .pop-close > img{width: 50px; height: 50px;}

.pop-slick .pop-dialog .padd {

  padding: 120px 69px 86px 121px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: stretch;

  -ms-flex-align: stretch;

  align-items: stretch;

}

.pop-slick .pop-dialog .padd .img {

  width: 296px;

  height: 421px;

  position: relative;

  background: #2495B0;

  border-radius: 10px;

}

.pop-slick .pop-dialog .padd .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 10px;

  position: absolute;

  top: -33px;

  right: 50px;

  box-shadow: 38px 34px 38px 0px rgba(0,0,0,0.33);

}

.pop-slick .pop-dialog .padd .text {

  width: calc(100% - 296px);

  padding-left: 90px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;



}



.pop-slick .pop-dialog .padd .text .t1 .t-name {

  font-size: 36px;font-weight: 600; color: #1C7488;line-height: 58px; margin-bottom: .21rem;

}

.pop-slick .pop-dialog .padd .text .t1 .t-job {

  font-size: 16px;color: #333; 

}

.pop-slick .pop-dialog .padd .text .t2 {

  color: #707070;

  margin-top: 33px;

  text-align: justify;

  text-justify: inter-ideograph;

}

.pop-slick .pop-dialog .padd .text .t2 p{

  font-size: 16px;color: #999999;line-height: 28px;

}

.pop-slick .pop-dialog .padd .text .t2 .scroll1 {

  max-height: 260px;

  overflow-y: auto;

  overflow-x: hidden;

}



.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {

  -ms-touch-action: auto;

  touch-action: auto;

} */



.text-pop{position: fixed; z-index: 1000;left: 0;top: 0; right: 0; bottom: 0; display: none; opacity: 0;visibility: hidden; pointer-events: none;align-items: center;justify-content: center;transform: translateZ(0);transition: all 0.36s ease-in-out;}



.text-pop.on {visibility: visible;opacity: 1; display: flex; pointer-events: auto;}



.text-pop .text-mask { position: absolute;left: 0;top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.65);}

.text-pop .text-pop-content {

  padding: .38rem 0;

  width: 63%;



  position: relative;



  transform: translate3d(0, 8px, 0);



  -webkit-transform: translate3d(0, 8px, 0);



  -moz-transform: translate3d(0, 8px, 0);



  -o-transform: translate3d(0, 8px, 0);



  -ms-transform: translate3d(0, 8px, 0);



  transition: all 0.5s ease-in-out;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



  -o-transition: all 0.5s ease-in-out;



  -ms-transition: all 0.5s ease-in-out;



  opacity: 0;



  background-color: #fff;

  border-radius: 10px;



}

.text-pop.on .text-pop-content {



  transform: none; opacity: 1;



}



.text-pop .text-pop-content .close-icon {



  position: absolute;



  bottom: calc(100% + 14px);

  right: 0;



   width: 0.5rem;



   height: 0.5rem;



   cursor: pointer;



}





.text-pop-inner {

  height: 55vh;

  overflow: hidden;

}

.text-pop-inner >div{padding: 0  .52rem ;}

.pop-title{font-size: .32rem; padding: 0 0  .38rem; border-bottom: 1px solid #eeeeee;color: #2391AC;line-height: 28px;}



.pop-con-p{ margin: .25rem 0;}

.pop-con-p h5{font-size: 20px;  color: #2495B0;line-height: 28px ; margin-bottom: .21rem; font-weight: 600;}

.pop-con-p p{font-size: 16px;color: #333;line-height: 28px;}

.pop-con-p img{display: inline-block;}

.text-pop-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #2495B0 !important;}



/* 视频弹框 */

.video-box{position: fixed; z-index: 1000;left: 0;top: 0; right: 0; bottom: 0; display: none; opacity: 0;visibility: hidden; pointer-events: none;align-items: center;justify-content: center;transform: translateZ(0);transition: all 0.36s ease-in-out;}



.video-box.on {visibility: visible;opacity: 1; display: flex; pointer-events: auto;}



.video-box .video-mask { position: absolute;left: 0;top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.65);}



.video-box .video-content {



  padding: 1em;



  width: 63%;



  position: relative;



  transform: translate3d(0, 8px, 0);



  -webkit-transform: translate3d(0, 8px, 0);



  -moz-transform: translate3d(0, 8px, 0);



  -o-transform: translate3d(0, 8px, 0);



  -ms-transform: translate3d(0, 8px, 0);



  transition: all 0.5s ease-in-out;



  -webkit-transition: all 0.5s ease-in-out;



  -moz-transition: all 0.5s ease-in-out;



  -o-transition: all 0.5s ease-in-out;



  -ms-transition: all 0.5s ease-in-out;



  opacity: 0;



  background-color: #333;



}



.video-box.on .video-content {



  transform: none; opacity: 1;



}



.video-box .video-content .close-icon {



  position: absolute;



  bottom: calc(100% + 14px);

  right: 0;



   width: 0.5rem;



   height: 0.5rem;



   cursor: pointer;



}





.video-box-inner {



  height: 68vh;



  overflow: hidden;



}



.video-box-inner video{ object-fit: cover; height: 100%; width: 100%;}

/* 新闻动态 */

.news-content{padding: 1.04rem 0 .39rem;}

.news-top{ position: relative ;z-index: 5; display: flex; justify-content: space-between; align-items: center;}

.n-search{width: 2.97rem; height: 46px; overflow: hidden; line-height: 46px; border-radius: 23px; border: 1px solid #CFCFCF;}

.n-search input::placeholder{font-size: 16px;color: #C3C3C3; }

.n-search input{height: 46px;width: 100%; line-height: 46px;padding-right: 70px; padding-left: .12rem;}

.n-search-icon{width: 24px; height: 24px; right: .21rem; top: 50%; transform: translateY(-50%);}





.news-swiper{width: calc(100% + 100px);  margin-top: .35rem;}

.news-swiper .swiper-container{padding:0 100px 100px 0px;}

.news-swiper .myswiperbtn{top: 96%;}

.news-swiper .myswiperbtn.swiper-button-prev{left: 44%;}

.news-swiper .myswiperbtn.swiper-button-next{ right: unset; left:calc(44% + 59px) ;}



.news_1{ box-sizing: border-box;  background: #FFFFFF;border: 1px solid #228EA8;

  box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.05); border-radius: 0.2rem; overflow: hidden;}



.news-content .news_1-l{ width: 55%; overflow: hidden;  z-index: 2;border-bottom-left-radius: .2rem; border-top-left-radius: .2rem; overflow: hidden; }



.news-content .news_1-l .item-img{ border-bottom-left-radius: .2rem; border-top-left-radius: .2rem;  overflow: hidden;}

.news-content .news_1-l .item-img img{ transform: scale(1);}



.news-content .news_1-r{ width: 45%; padding: .4rem  3vw  .48rem  calc(3vw - 1.5%); }



.news-content .news_1 .item-img{overflow: hidden; width: 100%; height: 100%;}



.news_1-r-txt h4{font-size: .26rem;   line-height: .38rem; height: .76rem; overflow: hidden; font-weight: bold;color: #2494AE; margin-bottom: .47rem;}



.news_1-r-txt .n-time{font-size: 16px;  line-height: 29px; color: #999; margin-bottom: .64rem;}



.news_1-r-txt p{font-size: 16px;line-height: 28px; height: 84px; overflow: hidden; color: #999999;}

.mttop142{margin-top: 1.4rem;}

.news_2{margin-top: .4rem;}

.news-content2{background: #F7F7F7; padding: .44rem 0;}

/* 加入我们 */

.join-1{padding: 1.39rem 0 1.15rem; background: #FFFFFF;}

.join-category{ padding: .58rem 0 .50rem;}

.category-tab{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.category-tab span{background: #FFFFFF; margin-bottom: .1rem; margin-right: 0.06rem; cursor: pointer; border: 2px solid #ECECEC;font-size: 16px;color: #333333; border-radius: 20px; line-height: 36px; height: 40px; padding: 0 .26rem ;}

.category-tab span.on{background: #2494AF; color: #fff;}

.join-jobs{border: 1px solid #EBEBEB; overflow: hidden; border-radius: 20px;box-shadow: 38px 37px 49px 0px rgba(0,0,0,0.04);}

.join-table-box{display: none;}

.join-table-box.on{display: block;}



.join-jobs .table{margin-bottom: 0;}

.join-jobs .table tr td .jobs-span{color: #999999;line-height: 28px;font-size: 16px; display: inline-block; margin-bottom: .14rem;}

.join-jobs .table tr td .jobs-p{color: #333;font-weight: bold; line-height: 28px;font-size: 20px;transition: all .36s; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: .23rem; border-top: 0; border-bottom: 1px solid #F2F2F2;}

.table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding-left: 0.67rem;}

.table>tbody>tr>td, .table>tbody>tr>th{font-size: 16px; cursor: pointer;color: #212121;}

.add{position: relative;  width: 0.16rem; display: block; height: 100%;transform: translateY(0.23rem);}

.add::before{ content: '';



  position: absolute;



  right: 10px;



  top: 0.36rem;



  width: 0.16rem;



  left: 0;

  transition: all .36s;



  border-top: 0.02rem solid #333;}



  .add::after{



    content: '';



    position: absolute;



    right: 0.17rem;



    left: 0.07rem;



    top: 0.3rem;



    height: 0.16rem;



    border-right: 0.02rem solid #333;



    transition: all .36s;



  }



.mt33{margin-top: .33rem;}



.jobs-content{margin-top: 0.3rem; margin-left: 0.49rem; line-height: .32rem; margin-right: 1rem;}



.jobs-content h5{font-size: 16px;font-weight: 400;color: #fff;line-height: 22px; margin-bottom: .3rem;}



.jobs-content p{font-size:16px;  font-weight: 400;color: #fff;line-height: 32px; }



.jobs-content * {font-size: inherit; line-height: inherit;}



.table-contents{ display: none; transition: all .3s ease-in-out;background: #2494AE; }





tr.on+.table-contents{display: table-row;}



/* tr.on .add::after{border-right: 0;} */

.join-table tbody tr.on td .jobs-p,.join-table tbody tr:hover td .jobs-p{ color: #2494AE;}



.join-table tbody tr.table-contents:hover td{ background: transparent;}

.join-table tbody tr:hover td .add::before{border-top: 0.02rem solid #2494AE;}

.join-table tbody tr:hover td .add::after{border-right: 0.02rem solid #2494AE;}

.contact-information{ padding: .33rem 0; margin-top: .36rem; border-top: 1px solid rgba(255,255,255,0.2);}

.join-2{padding-top: .84rem;}

.plantform{padding: .78rem 0 .71rem;}

.plantform .item{display: block; max-width: 100%; background: #fff; margin-bottom: .18rem;  border-radius: .2rem;width: 4.82rem; height: 1.74rem; overflow: hidden;}

.plantform .item img{transform: scale(1);  margin: auto; height: 1rem; margin-top: .37rem;}

.plantform .item:hover img{transform: scale(1.1);}

/* 联系我们 */

.contact-1{padding: 1.4rem 0 0; background: linear-gradient(180deg, #2495B0, #64D1EB);}

/* .contact-1 .contact-map-l{width: 7.99rem;} */

.contact-1 .contact-map-r{ padding-left: .2rem; width: calc(100% - 7.99rem); display: flex; align-items: center;}

.contact-1 .contact-map-r >div{width: 100%; transform: translateY(-10%);}

/* .contact-1 .map-img{width: 7.99rem;} */

.map-flag{display: flex; align-items: center;left: 76%;top: 50%;}

.map-flag >img{width: 19px; height: 25px; margin-right: 3px;}

.map-flag span{color: #fff; font-size: 16px;}

.contact-map-l .map-box {display: inline-block;}

.contact-map-l .map-box .ripple{

  position: absolute; 

    left: 0;

    right: 0;

    margin: auto;

    height: 100%;

    width: 100%;

    top: 0;

    margin: 0 auto;

    z-index: 2;

}

.contact-map-l .map-box .ripple>span{

  display: inline-block;

  position: absolute;

    left: 59%;

    top: 33%;

    transform: scale(.01);

    -webkit-transform: scale(.01);

    -moz-transform: scale(.01);

    -o-transform: scale(.01);

    -ms-transform: scale(.01);

    width: 3rem;

    height: 3rem;

    border-radius: 50%;

    line-height: 3rem;

    text-align: center;

    opacity: .1;

    background-color: #fff;

    animation: ripple 5s ease-in-out infinite;

}

.contact-map-l .map-box .ripple>span:nth-of-type(1){

  animation-delay: 0s;

}

.contact-map-l .map-box .ripple>span:nth-of-type(2){

  animation-delay: 1.4s;

}

.contact-map-l .map-box .ripple>span:nth-of-type(3){

  animation-delay: 3s;

}

.contact-map-r .contact-list{display: flex; flex-wrap: wrap;}

.contact-map-r .contact-list .item{margin-bottom: .2rem; width: 25%;}

.contact-map-r .contact-list .item .item-name{

  font-size: 16px;color: #FFFFFF;line-height: 28px; margin-bottom: .11rem;

}

.contact-map-r .contact-list .item .item-address{

  font-size: .32rem;color: #FFFFFF; font-weight: 600; line-height: 28px;

}

.contact-sec2{ margin-top: .29rem; margin-bottom: .48rem; font-size: 16px;line-height: 28px; color: #FFFFFF;}

.contact-sec3{width: 100%; background: #fff; border-radius: .2rem; padding: .36rem .4rem;}

.contact-sec3 .item {display: flex; align-items: start; border-bottom:1px solid #eee;}

.contact-sec3 .item .item-l{display: flex; align-items: center;}

.contact-sec3 .item .item-r{flex: 1;}

.contact-sec3 .item .item-l img{ width: 20px; height: 20px; margin-right:6px ;}

.contact-sec3 .item .item-l p{ font-size: 16px; color: #2494AE; font-weight: bold; line-height: 40px;}

.contact-sec3 .item .item-r p{word-break: break-all; padding-left: .28rem; font-size: 16px; color: #333; font-weight: bold; line-height: 40px;}

@keyframes ripple{

  0% {

    transform: scale(.01);

    -webkit-transform: scale(.01);

    -moz-transform: scale(.01);

    -o-transform: scale(.01);

    -ms-transform: scale(.01);

    opacity: .12;

  }

  100% {

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    opacity: 0;

  }

}





.contact-2{padding: 1.4rem 0 .87rem;}

.message-form{margin-top: 0.4rem;}

.message-form .form-group label{font-size: 16px; margin-bottom: .12rem;}

.message-box .form-group{ width: 49%; margin-bottom: 0.24rem; position: relative; }

.form-group.required::after{content: '*'; color: red; position: absolute; left: 0.3rem; top: 0.22rem; font-size: 16px;}

.message-box  .form-group:nth-child(odd){margin-right: 1.2%;}

.message-box  .form-control{ border-radius: 10px;border: 1px solid #E0E0E0; box-shadow: unset !important ; background: #fff; width: 100%; height: 55px;line-height: 55px;  padding-left: 0.18rem;}

.form-texttarea{width: 100%  !important;  margin-top: .1rem;}

.form-texttarea  .form-control{height: 2rem ;border: 1px solid #E0E0E0;border-radius: 10px;}

.submit-btn{width: 1.87rem;height: 55px;  margin-top: .24rem; font-size: 16px;border-radius: 20px;}

.sub{background: #2393AD;color: #ffffff; margin-right: .3rem;}

.reset{background: #ECECEC;color: #333;}



/* 解决方案 */

.solutions-ban{top: 36%; }

.solutions-ban .inner-ban-big{font-size: .36rem ; margin-bottom: .3rem;}

.solutions-ban  .solutions-ban-btn{display: flex; align-items: center;}



.solutions-ban-btn .prodel-btn{background: #fff; cursor: pointer; border-radius: 20px;height: 40px; line-height: 40px; padding:0.08rem .23rem; display: inline-flex; align-items: center; margin-right: .14rem; }

.solutions-ban-btn .prodel-btn .icon-box{width: 24px; height: 24px; overflow: hidden; position: relative; margin-right: 2px;}

.solutions-ban-btn .prodel-btn .icon-box img{position: absolute; left: 0; top: 0; width: 24px; height: 24px; }

.solutions-ban-btn .prodel-btn .icon-box img:nth-child(1){opacity: 1; visibility: visible;}

.solutions-ban-btn .prodel-btn .icon-box img:nth-child(2){opacity: 0; visibility: hidden;}

.solutions-ban-btn .prodel-btn p{color: #2495B0;font-size: 16px;}



.solutions-ban-txt2{left: 0; bottom: 0; background: rgba(36, 149, 176, 0.7) url(../images/solution-banner-bgicon.png) no-repeat; background-size: auto 100%; background-position:  top right; right: 0; padding: .53rem .3rem;}

.solutions-ban-txt2 h5{font-size: 26px; font-weight: bold; color: #FFFFFF; max-width: 88%; margin-bottom: .25rem; line-height: 28px;}

.solutions-ban-txt2 p{font-size: 16px;color: #FFFFFF;max-width: 88%;line-height: 28px;}



.solutions-1{padding: 1.5rem 0 0.94rem; background: url(../images/solutions-bg1.jpg) no-repeat; background-size: 100% 100%; }

.solutions-2{padding: 1.35rem 0 1.02rem;}

.solutions-3{padding: 0 0 0.98rem;}

.solutions-list{margin-top: .3rem;}



.solutions-list .item{background: #FFFFFF;border-radius: 94px; min-height: 1.91rem;  margin-bottom: .26rem; display: flex;  align-items: center; padding: .25rem .39rem; }

.solutions-list .item .item-num{top: 50%; right:.51rem; font-weight: bold; font-size: 1.2rem; color: #f5f5f5;z-index: 2; transform: translateY(-50%);}



.solutions-list .item .item-content{ position: relative; z-index: 5; width: 100%; height: 100%; display: flex; align-items: center;}

.solutions-list .item .item-content .item-l{ margin-right: .22rem; width: .52rem; height: .52rem; text-align: center; line-height: .52rem; font-size: 18px;color: #FFFFFF;box-shadow: 11px 7px 27px 0px rgba(0,95,118,0.13);border-radius: 50%;background: #2495B0;}

.solutions-list .item .item-content .item-r{font-size: 16px;line-height: 24px;color: #2495B0;}



.advantages-list{margin-top: .84rem;}
.advantages-list .row{display: flex; flex-wrap: wrap;}
.advantages-list .row >div{  margin-bottom: .26rem;}
.advantages-list .item{ height: 100%; border: 1px solid #D2D4D5; box-shadow: 22px 30px 54px 0px rgba(0,0,0,0.06);border-radius: 20px;background: #FFFFFF;  display: flex; align-items: center; min-height: 2.39rem; padding: .39rem  .64rem .39rem .39rem;}

.advantages-list .item .item-l{ width: .8rem; height: .8rem; margin-right: .41rem;}

.advantages-list .item .item-l img{ width: .8rem; height: .8rem; transform: rotate(0); }

.advantages-list .item .item-r{flex: 1; max-width: calc(100% - 1.21rem);}

.advantages-list .item .item-r h5{font-size: 26px;line-height: 28px;color: #2495B0; font-weight: 600; margin-bottom: .24rem;}

.advantages-list .item .item-r p{font-size: 16px;line-height: 28px;color: #999; font-weight: 400;}





.solution-swiper{padding: 1.7rem 0;}

.solution-swiper::before{position: absolute; content: ''; top: 0; left: 0; width: 50%; height: 100%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; background:#f5f5f5 ;}

.solution-swiper::after{position: absolute; content: ''; top: 0; left: 50%; width: 50%; height: 100%; border-top-left-radius: 50%; border-bottom-left-radius: 50%; background:#f5f5f5 ;}



.solution-swiper .solution-slide-item{ cursor: pointer; margin: auto; width: 4.25rem; height: 4.25rem; border-radius: 50%; overflow: hidden; }



.solution-slide-item .solution-more{left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; transform: scale(0); background:rgba(36, 149, 176, 0.8) ; font-size: 26px;color: #FFFFFF; text-align: center; font-weight: bold; line-height:4.25rem ;} 

.solution-slide-item .solution-txt{left: 0; right: 0; top: 0; bottom: 0; background: rgba(36, 149, 176, 0.8); border-radius: 50%; padding-top: .35rem; transform: translateY(75%);}

.solution-slide-item .solution-txt p{font-size: 16px; color: #fff; font-weight: bold; max-width: 35%;line-height: 24px; margin: auto;}





.solution-slide-item:hover .solution-more{transform: scale(0.7);}

.solution-slide-item:hover .solution-txt{transform: translateY(100%);}

.solution-swiper .myswiperbtn{top:99%; }

.solution-swiper .myswiperbtn.swiper-button-prev{ left: calc(50% - 27px); transform: translateX(-50%);}

.solution-swiper .myswiperbtn.swiper-button-next{ right: calc(50% - 27px); transform: translateX(50%);}



/* 人在承葛 */
.m_conactimg{display:none;}
.join2-1{ padding : 16.7vw 0 20.2vw; background-position: right top !important; }

.join2-intitle-p.inner-title .en{line-height: .7rem ;}

.join2-intitle-p.inner-title .cn{margin-top: -1.2rem}

.join2-intitle-p.inner-title p{ margin-top: .02rem;}

.padl33{padding-left: .33rem;}

.join2-1-con{ margin-top: .46rem; padding-left: .34rem;}

.join2-1-con p{font-size: 20px;color: #333333;line-height: 32px;}



.join2-con{ left: 0; right: 0; top: 100%; height: 3.55rem; z-index: 2; transform: translateY(-50%);}

.join2-2-con-box{ width: 100%; height: 100%; }

.join2-2-con-l{ position: relative; z-index: 2; width: 7.82rem;height: 3.55rem;  padding-top: 1.05rem; padding-left: .77rem; border-radius: 1.78rem; background: #2495B0; overflow: hidden;}

.join2-2-con-l .inner-title .en{

  font-size: .8rem;

  color: rgba(36, 149, 176, 0);

  opacity: .23;

  background: linear-gradient(0deg, rgba(255,255,255,0) 0% , #FFFFFF 100%);

 -webkit-background-clip: text;

 -webkit-text-fill-color: transparent;

}

.join2-2-con-r{right: 0; top: 0; overflow: hidden; background: #fff; width: 9.23rem;height: 3.55rem;box-shadow: 27px 45px 43px 0px rgba(0,0,0,0.04); z-index: 8; border-radius: 1.78rem; padding: .65rem 7.5vw;}

.join2-2-con-r .join2-2-swiper{height: 105%;}

.myswiperbtn.join2-swiperbtn{top: 100%;}

.join2-swiperbtn.swiper-button-prev:after,.join2-swiperbtn.swiper-button-next:after{content: '' !important;}

.join2-swiperbtn.swiper-button-prev{left: calc(50% - 27px); transform: translateX(-50%);}

.join2-swiperbtn.swiper-button-next{right: calc(50% - 27px); transform: translateX(50%);}

.join2-2-con-r .join2-2-swiper .myswiperbtn.swiper-button-prev{ left: calc(50% - 24px); transform: translateX(-50%);}

.join2-2-con-r .join2-2-swiper .myswiperbtn.swiper-button-next{ right: calc(50% - 24px); transform: translateX(50%);}

.join2-2-item .item-img{width: 1.82rem;max-width: 100%; height: .8rem; overflow: hidden;}

.join2-2-item .item-img:hover img{transform: scale(1.1);}

.join2-3{padding: 16vw 0 .69rem;}

.join2-3-swiper .mySwiper2{padding-bottom: .82rem;}

.join2-3 .inner-title p{margin-top: .16rem;}

.join2-3-swiper{margin-top: .54rem;}

.join2-3-swiper .join2-3-item{  width: 3.47rem; 

  height: 3.47rem; margin: auto; max-height: 100%; 

  max-width: 100%; border: 2px solid #228EA8;

  border-radius: 50%;

  /* box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.07);  */

  box-shadow: 1px 16px 20px 0px rgb(0 0 0 / 7%);

  display: flex; align-items: center; justify-content: center;}

.join2-3-swiper .join2-3-item .item-img{ width: 1.6rem; height: 1.6rem;}

.join2-3-swiper .join2-3-item .item-txt{left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } 

.join2-3-item .item-txt  .item-txt-p {text-align: center;font-size: 24px;line-height: 36px;font-weight: bold;color: #2494AE;}



.join2-4{background: #F8F8F8;padding: .93rem 0 .61rem;}

.join2-5{padding: .92rem 0 .62rem;}

.join2-6{background: #F8F8F8;padding: .78rem 0 .67rem;}



.join2-3-swiper .join2-3-item:hover .item-img img{transform: scale(1.1);}

.join2-4-swiper{margin-top: .34rem; }

.join2-4-item{ margin: auto; padding: 1.27rem .51rem  1.26rem; width: 3.57rem; height: 4.92rem;border-radius: 1.78rem;

  /* box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.07); */

  box-shadow: 1px 16px 20px 0px rgb(0 0 0 / 7%);

  border: 2px solid #228EA8;background: #FFFFFF;}

.icon_68x68{width: .68rem; height: .68rem;}

.join2-4-item h5{ font-size: 26px;font-weight: bold; margin-top: .47rem; margin-bottom: .24rem; line-height: 28px;color: #2494AE;}

.join2-4-item p{font-size: 16px;color: #333333;line-height: 28px;}

.join2-4-swiper  .swiper{padding-bottom: .64rem;}

.join2-5-swiper{margin-top: .55rem; margin-right: -84px}

.join2-5-swiper .swiper-slide{padding-right: 84px;}

.join2-5-item{ overflow: hidden; display: flex; align-items: center; width: 100%; height: 4.94rem; border-radius: 20px;

 box-shadow: 44px 29px 43px 0px rgba(0,0,0,0.07); 

  background: #FFFFFF;}

.join2-5-item .item-img{ margin: auto; width: 58.6%; height: 100%;  overflow: hidden;}



.join2-5-item  .item-txt{width: 44%; height: 100%; border-top: 2px solid #228EA8; border-bottom: 2px solid #228EA8;border-right: 2px solid #228EA8;border-bottom-right-radius: 20px;  border-top-right-radius: 20px; padding: .74rem .51rem .39rem .34rem ;}

.join2-5-item  .item-txt h5{font-size: 28px;font-weight: bold; margin-bottom: .26rem; line-height: 28px;color: #2494AE;}

.join2-5-item  .item-txt p{font-size: 16px;font-weight: 400;  line-height: 28px;color: #999;}

.join2-5-item  .item-txt .more-btn{margin-top: 10vw;}

.join2-5-swiper  .swiper{padding-bottom: .73rem;}

.join2-6-swiper{margin-top: .46rem;}

.join2-6-swiper  .swiper{padding-bottom: .78rem;}

.join2-6-item .item-img{width: 4.79rem; margin: auto; max-width: 100%; height: 2.85rem; overflow: hidden;border-radius: 20px;}

.join2-6-item:hover .item-img img{transform: scale(1.1);}



.info-box{position: fixed;z-index: 9999; transition: all 0.1s;  top: 25%; width: 100%; opacity: 0; visibility: hidden;  text-align: center; overflow: hidden;}

.info-box.show{opacity: 1; visibility: visible;}

.info-box .info-box-inner{transition: all 0.1s;display: inline-flex;transform: translate(0,-100%); background: #fff; border-radius: 6px; padding: 15px 30px; }

.info-box.show .info-box-inner{transform: translate(0,0);}

.info-box .info-box-inner img{width: 20px; margin-right: 3px; height: 20px;}

.info-box .info-box-inner p{font-size: 14px; color: #999;}

@keyframes fadeup1 {



    0% {

    

      opacity: 0;

    

      -webkit-transform: translateY(150px);

    

      -ms-transform: translateY(150px);

    

      transform: translateY(150px);

    

    }

    

    100% {

    

      opacity: 1;

    

      -webkit-transform: translateY(0);

    

      -ms-transform: translateY(0);

    

      transform: translateY(0);

    

    }

    

}



@keyframes imgbigtosmall {

  0% { 

  opacity: 1;

  -webkit-transform: scale(1.2); 

  -ms-transform: scale(1.2); 

  transform: scale(1.2);

  }

  100% { 

  opacity: 1;

  -webkit-transform: scale(1); 

  -ms-transform: scale(1); 

  transform: scale(1);

  }

}

.imgbigtosmall{

  -webkit-animation-name: imgbigtosmall;

  animation-name: imgbigtosmall;

  transition: all 10s ease;

  transform-origin: 50% 50%;

}

@media (min-width: 2000px){

  .ind2{padding: 0.8rem  20% 1.79rem;}

  .ind-news .item{height: 5.42rem;}

  .about-1-con{width: 960px; height: 960px;}

  .right-top {top: -171px;}

  .about-1-con-txt {padding:227px 158px 30px 128px;}

  .about-1-p{max-height: 362px;}

  .right-bottom {

    top: 33%;

    left: 82%;

}

.join2-5-item  .item-txt .more-btn{margin-top: 1.8rem;}

}



@media (min-width: 2500px){

  .ind2{padding: 0.8rem 26.5% 1.79rem;}

  /* .ind2-r{right: 26.5%;} */

}

@media (min-width: 3000px){

  .ind2{padding:  0.8rem 29% 1.79rem;}

  /* .ind2-r{right: 29%;} */

}

@media (max-width: 1800px){

  .ind2{padding:  0.8rem 12vw 1.79rem;}

  

}

@media (max-width: 1600px){

 

  .pd2{padding: 6vw 8vw 1rem 14vw;}

  .about-1-con{transform: translateX(2%);}

  .ind4-con-txt .more-btn{margin-top: .3rem;}

  .about-3-culture{width: 8.5rem;height: 8.5rem;padding: 1.53rem 1.5rem 0.96rem 1.5rem;}

  .about-3-pic{width:7rem;}

}



@media (min-width: 780px){

  

  .more-btn:hover{background: #2495B0; transform: translateX(10px);}

  .more-btn:hover span,.more-btn:hover .icon-more-plus{color: #fff !important;}

  .ind-partner .item:hover{border: 1px solid #36B3CF;box-shadow: 13px 18px 29px 0px rgba(36,149,176,0.21);}



    .ind3-list .item:hover .ind3-item-txt{width: 100%;}

    .ind3-list .item:hover .ind3-item-txt .ind3-item-p1,  .ind3-list .item:hover .ind3-item-txt .ind3-item-p2{max-width: 56%;}

    .ind3-list .item:hover .ind3-item-txt .ind3-item-p1,  .ind3-list .item:hover .ind3-item-txt .ind3-item-p2,.ind-news .item:hover .item-title{color: #0062B5;}

    .ind3-list .item:hover .more-btn{opacity: 1; visibility: visible;}

    .ind-news .item:hover .item-img::after{background: transparent;}

    .ind4-swiper-img:hover >img,  .ind-news .item:hover .item-img img,.application-content .item:hover .item-img img,.news_1:hover .news_1-l .item-img img{transform: scale(1.1);}

    .ind-news .item:hover{ box-shadow: 23.037px 20.743px 43px 0px rgba(0, 0, 0, 0.15); }

    .ind-news .item:hover .item-img{ opacity: 1; visibility: visible;}

    .ind-news .item:hover .item-txt p,.ind-news .item:hover .item-time p{color: #fff !important;}

    .about-4-swiper .swiper-item:hover .item-img img,.about-6-swiper .about-6-slide-item:hover .item-img img{transform: scale(1.1);}

    .about-6-swiper .myswiperbtn.swiper-button-prev{left: 32%;}

    .about-6-swiper .myswiperbtn.swiper-button-next{right: 32%;}

    .prodel-2 .advance .item:hover{background: #2495B0;}

    .prodel-2 .advance .item:hover .cn,.prodel-2 .advance .item:hover .smallcn{color: #fff;}

    .prodel-2 .advance .item:hover .item-r{color: #32A2BD;}

    .category-tab span:hover{background: #2594AF; color: #fff;}

  

    .backList:hover,.submit-btn:hover{transform: translateX(-10px);}

    .solutions-ban-btn .prodel-btn:hover {background: #2495B0;}

    .solutions-ban-btn .prodel-btn:hover p{color: #fff;}

    .solutions-ban-btn .prodel-btn:hover .icon-box img:nth-child(1){opacity: 0; visibility: hidden;}

    .solutions-ban-btn .prodel-btn:hover .icon-box img:nth-child(2){opacity: 1; visibility: visible;}

    .solutions-list .item:hover{box-shadow: 22px 30px 54px 0px rgba(0,0,0,0.06);}

    .advantages-list .item:hover  .item-l img{transform: rotate(360deg);}

    .tech-3-swiper .tech-3-item:hover  .item-img img,.tech-5-swiper .tech-5-item:hover  .item-img img,.join2-5-item:hover .item-img img{transform: scale(1.1);}

    .tech-2-step-box .step-item:nth-child(even) .step-item-con{transform: translate(0, 92%);

       background: #fff url(../images/tech-bg-logo2.png) no-repeat;

      background-size: auto 100%;

      background-position: top right;}

    .tech-2-step-box .step-item:nth-child(even) .step-item-con::after{top: 0;transform: translate(-50%,-50%) rotate(-135deg);}

  

    .tech-2-step-box .step-item:hover .step-item-con{ background: #2495B0  url(../images/tech-bg-logo-hover.png) no-repeat; background-size: auto 100%;background-position: top right;}

    .tech-2-step-box .step-item:hover .step-item-con::after{background: #2495B0;}

    .tech-2-step-box .step-item:hover .step-item-con .p1,.tech-2-step-box .step-item:hover .step-item-con .p2{color: #fff;}

  

    .tech-2-step-box .step-item:nth-child(even):hover .step-item-con{ background: #2495B0  url(../images/tech-bg-logo-hover2.png) no-repeat; background-size: auto 100%;background-position: top right;}

    .tech-2-step-box .step-item:nth-child(even):hover .step-item-con::after{background: #2495B0;}

    .tech-2-step-box .step-item:nth-child(even):hover .step-item-con .p1,.tech-2-step-box .step-item:hover .step-item-con .p2{color: #fff;}

    .join2-4-item:hover img{transform: translateY(-10px);}

  } 



@media (max-width: 1400px){

  .nav .nav-item{padding:  0 1.4vw;}

  .ind2{padding: 1.79rem 7vw;}

  .tech-2-con{margin-top: 10.6vw}



  .about-6-list .item{padding-left: 3.1%;}

.tech-3-swiper .tech-3-item .item-txt{    height: 4.1rem;}

  } 

  @media (max-width: 1600px) and (min-width: 1400px){

    /* .item-a{padding: 0 0.5rem 0 0.5rem;} */

  }

  @media (max-width: 1400px) and (min-width: 790px){

    .solution-swiper .solution-slide-item{  width: 3.5rem; height: 3.5rem;  }

    .solution-slide-item .solution-txt{transform: translateY(65%);}

    .solution-slide-item .solution-more{line-height: 3.25rem;}

    .solutions-ban-txt2{padding: 0.2rem 0.3rem}

    .contact-map-r .contact-list .item{width: 33.333%;}

    /* .contact-1 .contact-map-r{width: calc(100% - 5rem);} */

    /* .contact-map-l .map-box .ripple>span{left: 60%;

      top: 35%;} */

    /* .ind4-con-m,.ind4-con-l, .ind4-con-r{height: 3.08rem;} */

  }

@media (max-width: 1300px){

  .ind2{padding: 1.79rem 5vw;}

}

@media (max-width: 1200px){



  .ind2{padding: 1.79rem 3vw;}

  .ind2-txt .ind2-p2{-webkit-line-clamp: 3;}

  .about-3-culture{width: 7.5rem;height: 7.5rem;padding: 1.53rem 1rem 0.96rem 1rem;}

  .about-3-pic{width:6rem;}

  .contact-map{flex-wrap: wrap;}

  .contact-map-l{width: 100%; text-align: center;}

  .contact-1 .contact-map-r{width: 100%;}

  .contact-1 .contact-map-r >div{transform: translateY(0); padding: 30px 15px;}

  .contact-map-l .map-box .ripple>span{left: 61%;top: 36%;}
 

}

@media (max-width: 1020px) and (min-width: 1000px){
  .tech-3-swiper .tech-3-item .item-txt{    height: 4.8rem;}

  .contact-map-l .map-box .ripple>span{left: 62%;top: 36%;}

}

@media (max-width: 1000px) and (min-width: 800px){

  .contact-map-l .map-box .ripple>span{left: 64%;top: 38%;}

  .join2-1{background-size: 100% auto !important; background-position: right bottom !important;padding-bottom: 2rem;}

  .join2-2-con-r{position: relative ; width: 100%;}

  .join2-con{position: relative;height: unset; transform: translateY(0);}

  .join2-1{background-size: 100% auto !important; background-position: right bottom !important;padding-bottom: 2rem;}

  .join2-2-con-l{width: 100%;}

}

@media (max-width: 800px) and (min-width: 780px){

  .contact-map-l .map-box .ripple>span{left: 62%;top: 38%;}

  .join2-1{background-size: 100% auto !important; background-position: right bottom !important;padding-bottom: 2rem;}

  .join2-2-con-r{position: relative ; width: 100%;}

  .join2-con{position: relative;height: unset; transform: translateY(0);}

  .join2-1{background-size: 100% auto !important; background-position: right bottom !important;padding-bottom: 2rem;}

  .join2-2-con-l{width: 100%;}

}

@media (max-width: 780px){

    .word-br{display: none;}

    .weui-flex-warp{flex-wrap: wrap;}

    .weui-flex-item{width: 100% !important; }
    .sear-result-search{width: 70vw; left: 15vw; right: 15vw;}

    .more-btn{height: 45px; line-height: 45px;border-radius: 25px;}

    .ind-banner-info{ right: 6px; bottom: 55px !important;}

    .ind-title .ten{font-size: 16px;}

    .ind-title .tcn{font-size: .4rem;}

    .ind2,.ind3,.ind5{padding: 30px 15px;}

    .ind2-l{padding: 30px; width: 96vw; height: 96vw;}

    .ind2-top{width: 96vw; height: 96vw;}

    

    .ind3-item-txt{width: 100%;}

    .ind3{    background-position: right top;}

    .ind3 .ind-title .tcn{text-align: center;}

    .ind3-con{width: 100%;}

    .ind2{margin-top: 0;}

    .ind-banner-txt{top: 26%;left: 30px; right: 30px; }

    .ind3 .item{margin-bottom: .3rem;}

    .ind2-num .item{width: 50%; text-align: center; margin-bottom: .3rem;}

    .ind2-num .item > div{justify-content: center;}

    .ind2-r{display: none;}

    .ind3{margin-top: 0;}

    .ind3-txt{padding-top: 0;}

    .maxwid65{max-width: 100%;}

    .ind3-txt-con{padding-bottom: 0rem;}

    .ind3-right{position: relative; top: 0; transform: translate(0,0); max-width: 100%;}

    .ind4{ padding: 30px 0 0;}

    .ind4-con{padding: 30px 0;}

    .ind-news .item{height: 7rem;}

    .ind-partner .item{width: 49%;}

    .ind4-t{padding-left: 15px; padding-right: 15px;}

    .ind6 .ind-partner-bg p span{font-size: 3rem;}

    .ind6 .ind-partner-bg p samp{top: 8%;}

    .ind2-txt .ind2-p1{font-size: 20px;}

    .ind2-txt .ind2-p2{font-size: 16px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

    
    .table>tbody>tr>td:nth-child(1), .table>thead>tr>th:nth-child(1){padding: 0.23rem}
    .ind4-con-txt .ind4-cn {font-size: 26px;}
    .join-jobs .table tr td .jobs-p{font-size: 18px;}
    .prodel-1 .prodel-1-r h5{padding-top: 0.3rem;}
    .m_conactimg{display:block;}
    /* .ind-news .item{ box-shadow: 23.037px 20.743px 43px 0px rgba(0, 0, 0, 0.15); } */

    /* .ind-news .item .item-img{ opacity: 1; visibility: visible;} */

    /* .ind-news .item .item-txt p,.ind-news .item .item-time p{color: #fff !important;} */

    .ind5-1-cir-txt p{font-size: 20px;}

    .ind5-myswiper{display: block;}

    .ind-news  .item-txt p{font-size: 18px;}

    .pd2 {  padding: 0.8rem 8vw 0rem 23vw;}

    .ind5-1-swiper::after,.ind6 .ind-partner-bg{display: none;}

    .footer-logo{margin: 10px auto;}

    .footer-right p{text-align: center;}

    .inner-title .en{font-size: .28rem;}

    .right-top,.right-bottom{display: none;}

    .about-1-con{width: 90vw; height: unset;background: linear-gradient(0deg, rgba(34,143,169,0.5), rgba(34,143,169,0.15)); border-radius: .2rem; margin: auto; transform: translateX(0);}

    .about-1{padding: 30px 0 ;}

    .about-1-p{max-height: unset;}

    .about-1-con2{margin-top: 30px; transform: translateX(0);}

    .about-1-con2 .item{padding: 0 15px;}

    .pwid71{width: 100%; margin-left: 0; padding: 0 15px;}

    .about-6-img-box,.about-6-slide-item{width: 55vw;height: 55vw;}

    .about-6-list .item{padding-left: 15.1%;}

    .about-7-con .item:nth-child(odd){width: 47%; margin-right: 2%;}

    .about-7-con .item:nth-child(even){width: 47%; margin-left: 2%;margin-right:0}

    .about-7-con .item .item-p2{font-size: 14px;}

    .about-6-list{margin-top: 0.6rem;}

    .about-8-title-tab .item{width: 1.8rem; font-size: 14px; height: 36px; line-height: 36px; border-radius: 18px;}

    .inner-banner{height: 45vh; }

    .inner-banner > img{object-fit: cover; width: 100%; height: 100%;}

    .inner-ban-small{font-size: 16px; padding:  0 30px;}

    .my-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin: 10px 20px !important;}

    .about-6-con{padding-bottom: 2.5rem;}

    .about-4-swiper{padding: 0.85rem 0 0;}

    .about-4{padding: 1.2rem 0 0.5rem;}

    .about-4-swiper .swiper-container{padding-bottom: 150px;}

    .video-box .video-content{width: 82%;}



    .video-box-inner{height: unset;}



    .pop-mod .pop-panel {

      padding: 0 15px;

      overflow: auto;

      overscroll-behavior-y: contain;

    }

    .pop-mod .pop-panel .pop-dialog {

      width: 100%;

    }

    .pop-slick .pop-dialog .padd {

      flex-wrap: wrap;

      padding: 70px 20px 20px;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: flex-start;

    }

    .pop-slick .pop-dialog .padd .img{

      width: 56%; height: 260px; margin-left: 29%;

    }

    .pop-slick .pop-dialog .padd .text{

      width: 100%;padding-left: 0;

    }

    .pop-slick .pop-close{top: -35px;}

    .pop-slick .pop-close > img {

      width: 30px;

      height: 30px;

    }

    .pop-slick .pop-dialog .padd .text .t1 .t-name{ margin-top: 10px; font-size: 20px; line-height: 35px;}

  

    .ind2-l{background: #2495B0 url(../images/ind1-bg2.png) no-repeat; background-size: 80% auto;background-position: center center;}

    .ind2-txt .ind2-p1{background: none; font-size: 22px; line-height: 38px; padding-top: 1rem; margin-bottom: .1rem; -webkit-line-clamp:5}



    .ind2-txt .ind2-p2{display: none;}

    .ind3-con{transform: translate(0,0);}

    .ind4-con-l, .ind4-con-r,.ind4-con-m{height: 50vw;}

    .border-tr-radius{border-top-right-radius: calc(50vw / 2);

      border-bottom-right-radius: calc(50vw / 2);}

    .border-tl-radius{border-top-left-radius: calc(50vw / 2);

      border-bottom-left-radius: calc(50vw / 2);}

      .pd1 {

        padding: 8vw 8vw 1rem 11vw;

    }

    .about-3{padding:73% 0   0.5rem ;}

    .about-3-culture{width: 100%; margin: auto; float: unset; border-radius: 10px; height: unset;padding: 9vw 8vw 5vw 5.5vw}

    .about-3-culture-content{max-height: unset;}

    .about-3-pic{transform: translate(0,-71%);}

    .about-3-list .item{width: 80vw; height: 80vw;padding: 20vw 5vw;}

    .ml-30{margin-top: -8vw; margin-left: 0;}

    .about-3-list-box{margin-top: 0;}

    .maxwid50{max-width: 80% !important;}

    .inner-banner .maxwid50{max-width: 100% !important;}

    .add{transform: translateY(0.5rem);}

    .jobs-content{margin-left: 0; margin-right: 0;}

    .plantform .item{width:unset; margin-bottom: 20px;}

    .contact-1 .contact-map-r >div{transform: translateY(0); margin-top: 20px; padding-bottom: 20px;}



    .contact-map-r .contact-list .item{width: 50%;}

    .contact-map-l .map-box .ripple>span{left: 52%; top: 29%;}

    .map-flag{left: 74%;top: 48%;}

    .advantages-list .item .item-r h5{font-size: 20px;}

    .solutions-ban{top: 50%;}

    .solutions-ban .solutions-ban-btn{justify-content: center;}

    .solutions-ban .inner-ban-big{text-align: center;}

    .solutions-ban-txt2 h5{font-size: 20px; }
    .solutions-ban-txt2{position: relative !important;}

    .solutions-ban-txt2 p{max-width: 100%;}

    /* .solutions-ban-txt2 p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} */

    .tech-4 .tech-4-con{max-width: 100%;}

    /* .inner-banner.solutions{height: 50vh;} */

    .tech-1-con{padding-right: 0; padding-bottom: 30px;}

    .solution-slide-item .solution-txt{transform: translateY(65%);}

  

    .text-pop .text-pop-content{width: 90%;}

    .property-main-bxl{display: none;}

    .property-main-bxr{width: 100%; padding: 30px;}

    .property-main-content{width: 100%;}

    .m-property-r{display: block;}

    .property-rli{opacity: 1;}

    .solutions-1{background: url(../images/solutions-bg1.jpg) repeat-y; background-size: auto;}

  

    .tech-2-step-box{display: block;}

    .step-item{width: 35%; margin-bottom: .8rem;}

    .step-item-con{left: 100%;top: 50%;width: 150%;transform: translate(10%, -65%);}

    .step-item-con::after{left: 0;bottom: 50%;transform: translate(-50%,50%) rotate(135deg);}

    .tech-2-step-box::after{ display: none; width: 1px;height: 100%;top: 0}

  

    .pro_list .item{height: unset; padding: 30px;}

    .pro_list .item-txt{width: 60%;}

    .breadcrumb{display: none;}

    .prodel-2-title p{font-size: 18px;}

    .propertydel-content{padding: 0;}

    .join2-2-con-r{position: relative ; width: 100%;}

    .join2-con{position: relative;height: unset; transform: translateY(0);}

    .join2-1{ background:none !important; background-size: 100% auto !important; background-position: center bottom !important;padding-bottom: 0;}

    .join2-2-con-l{width: 100%;}

    .mypage .pagination li{display: none;}

    .mypage .pagination li:first-child{display: inline-block;}

    .mypage .pagination li:last-child{display: inline-block;}

    .news-swiper .myswiperbtn.swiper-button-prev{left: 25%;}

    .news-swiper .myswiperbtn.swiper-button-next{left: calc(27% + 59px)}

    .join2-4-item{padding: 0.8rem 0.51rem 1.26rem;}

    .join2-5-item{height: unset;border: 2px solid #228EA8;}

    .join2-5-item .item-txt{border: 0;}

    .join2-1-con p{font-size: 18px;}

    .join2-intitle-p.inner-title p{font-size: 16px;}

    .join2-5-swiper{margin-right:0}

    .join2-5-swiper .swiper-slide{padding-right: 0;}

    .join2-5-item{box-shadow: 1px 16px 20px 0px rgb(0 0 0 / 7%);}

    .tech-3-swiper .tech-3-item .item-img{width: 100%; border-radius: 10px;}

    .tech-3-swiper .tech-3-item .item-txt{width: 90%; border-radius: 10px;}

    .join2-4-item{width: 100%; border-radius: 10px; padding: 0.8rem 0.5rem 0.5rem ;}

    .pro-del-content{padding-right: 0;}

    .join2-intitle-p.inner-title .cn{margin-top: -0.77rem}

    .join2-intitle-p.inner-title .en{line-height: unset;}

    .ind3-txt-swiper .ind3-txt-item{padding-bottom: 3.5rem;}

    .ind3-right{display: none;}

    .ind3-txt{padding-left: 0; padding-right: 0;}

    .ind3-txt-swiper .swiper-button-next,.ind3-txt-swiper  .swiper-button-prev{top: 65%;}

    .ind3-txt-swiper  .swiper-button-prev{left: unset; right: 60px;}
    .ind-partner .item:nth-child(5n){margin-right: calc(3.9% / 4);}
    .tech-3-swiper .tech-3-item .item-txt{height: unset;}
    .tech-3-swiper .tech-3-item .item-txt p{font-size: 14px;}
  }

  @media (max-width: 780px) and (min-width: 414px){

    .contact-map-l .map-box .ripple>span{left: 62%; top: 35%;}

      .map-flag{left: 76%;top: 48%;}

  }

  @media (max-width: 380px){

    .contact-map-r .contact-list .item{width: 50%;}

    .contact-map-l .map-box .ripple>span{left: 50%; top: 27%;}

  }

  @media (max-width: 380px){

    .contact-map-l .map-box .ripple>span{left: 50%; top: 24%;}

  }

  @keyframes bgcircle {

    0% {

      transform:translate(-50%,-50%) scale(.8);

    }

  

    50% {

      transform:translate(-50%,-50%) scale(1.2);

    }

  

    100% {

      transform:translate(-50%,-50%) scale(.8);

    }

  }

